js/jQuery常见操作 之各种语法例子（包括jQuery中常见的与索引相关的选择器）

news2024/11/28 13:35:41

js/jQuery常见操作 之各种语法例子（包括jQuery中常见的与索引相关的选择器）

  • 1. 操作table常见的
    • 1.1 动态给table添加title（指定td）
      • 1.1.1 给td动态添加title（含：获取tr的第几个td）
      • 1.1.2 动态加工td提示信息（非同一单元格组合）
      • 1.1.3 总结
    • 1.2 给 指定行tr 添加样式
  • 2 根据name获取复选框的情况
    • 2.1 所有的复选框
    • 2.2 所有的选中的复选框
    • 2.3 所有的未选中的复选框
  • 3. 获取复选框的选中状态
  • 4. js/jQuery实现隐藏div等
    • 4.1 js实现
    • 4.2 jQuery实现
  • 5. 其他语法
    • 5.1 .eq(index)
    • 5.2 :eq() Selector
      • 5.2.1 jQuery( ":eq(index)" )
      • 5.2.2 其他与索引相关的选择器
    • 5.3 :nth-child(n)
  • 6. 参考

1. 操作table常见的

1.1 动态给table添加title（指定td）

1.1.1 给td动态添加title（含：获取tr的第几个td）

  • 效果如下：
    在这里插入图片描述
  • 实现代码如下：
    • 核心代码，如下：
      <script>
   // 1.1 给name为“title_test”添加title
   $("td[name='title_test']").each(function(){
       $(this).mouseover(function(){
           $(this).attr("title","年龄-"+this.innerHTML);
       });
   });

   // 1.2 second-child-----本tr的第二个td
   $("#dogs_data tr td:second-child").each(function(){
       console.log(this.innerHTML);// 获取td单元格里的值
       $(this).attr("title","编号-"+this.innerHTML);
   });

   // 1.3 last-child-----本tr的最后一个td，ast-child+1-----本tr的倒数第二个td
   $("#dogs_data tr td:last-child+1").each(function(){
       console.log(this.innerHTML);// 获取td单元格里的值
       $(this).attr("title","姓名-"+this.innerHTML);
   });
</script>
    • 完整代码，如下：
      <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script> -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

    <style>
        table {
            border-collapse: collapse;
        }
        table tr th,td{
            border: 1px solid;
            width: 60px;
            text-align: center;
        }

        thead tr:hover{
            background-color: rgb(255, 127, 127);
        }
        tbody tr:hover{
            background-color: aquamarine;
        }
    </style>
</head>
<body>
    <script>

    </script>

    <table celllspacing="0" id="dogs_data">
        <thead>
            <tr>
                <th>
                    <input type="checkbox" id="checkAllOrNo" />
                </th>
                <th>编号</th>
                <th>姓名</th>
                <th>年龄</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <input type="checkbox" name="dogIds" value="A1001"/>
                </td>
                <td>A1001</td>
                <td>麦兜</td>
                <td name="title_test">3</td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" name="dogIds" value="A1002"/>
                </td>
                <td>A1002</td>
                <td>贝塔</td>
                <td name="title_test">2</td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" name="dogIds" value="A1003"/>
                </td>
                <td>A1003</td>
                <td>泡泡</td>
                <td name="title_test">6</td>
            </tr>
        </tbody>
    </table>

    <script>
        // 1.1 给name为“title_test”添加title
        $("td[name='title_test']").each(function(){
            $(this).mouseover(function(){
                $(this).attr("title","年龄-"+this.innerHTML);
            });
        });

        // 1.2 second-child-----本tr的第二个td
        $("#dogs_data tr td:second-child").each(function(){
            console.log(this.innerHTML);// 获取td单元格里的值
            $(this).attr("title","编号-"+this.innerHTML);
        });

        // 1.3 last-child-----本tr的最后一个td，ast-child+1-----本tr的倒数第二个td
        $("#dogs_data tr td:last-child+1").each(function(){
            console.log(this.innerHTML);// 获取td单元格里的值
            $(this).attr("title","姓名-"+this.innerHTML);
        });
    </script>
</body>
</html>

1.1.2 动态加工td提示信息（非同一单元格组合）

  • 简单例子如下（复杂需求根据需求自行修改）：
    • 例子1，核心代码如下：
      // 在别的单元格提示指定单元格的内容----方式1
// $("td[name='title_test2']").each(function(){
//     $(this).mouseover(function(){
//         var tr = $(this).parent(); //通过td找tr
//         var td_second = tr.children("td").eq(1);//找到本tr的第二个td
//         console.log(td_second.html());
//         $(this).attr("title","姓名-"+td_second.html());//即：在别的单元格提示指定单元格的内容
//     });
// });

// 在别的单元格提示指定单元格的内容----方式2
$("#dogs_data tr td:last-child").each(function(){
    $(this).mousemove(function(){})
    var tr = $(this).parent(); //通过td找tr
    var td_second = tr.children("td").eq(1);//找到本tr的第二个td
    // console.log(td_second.html());
    $(this).attr("title","姓名-"+td_second.html());//即：在别的单元格提示指定单元格的内容
});
    • 例子2（获取父标签的最后一个td子标签的第一个p子标签），核心代码如下：
      // 获取父标签的最后一个td子标签的第一个<p>子标签
$("#dogs_data tr td:first-child").each(function(){
    $(this).click(function(){
        // 第一种写法
        var aa = $(this).parent().children("td").eq(4).children('p').first().html();
        console.log(aa);

        // 第一种写法
        var bb = $(this).parent().children("td:last-child").children('p').first().html();
        console.log(bb);
    })
});
  • 完整代码如下：
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
    <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.3.2/jquery.min.js"></script> -->

    <style>
        table {
            border-collapse: collapse;
        }
        table tr th,td{
            border: 1px solid;
            width: 100px;
            text-align: center;
        }

        thead tr:hover{
            background-color: rgb(255, 127, 127);
        }
        tbody tr:hover{
            background-color: aquamarine;
        }
        meter{
            height: 40px;
            width: 100px;
        }
    </style>
</head>
<body>
    <script>

    </script>

    <table celllspacing="0" id="dogs_data">
        <thead>
            <tr>
                <th>
                    <input type="checkbox" id="checkAllOrNo" />
                </th>
                <th>编号</th>
                <th>姓名</th>
                <th>年龄</th>
                <th>玩具球电量</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <input type="checkbox" name="dogIds" value="A1001"/>
                </td>
                <td>A1001</td>
                <td>麦兜</td>
                <td>3</td>
                <td name="title_test2">
                    <p>大球电量：</p>
                    <meter max="100" min="0" value="10" low="20" high="80"></meter>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" name="dogIds" value="A1002"/>
                </td>
                <td>A1002</td>
                <td>贝塔</td>
                <td>2</td>
                <td  name="title_test2">
                    <p>小球电量：</p> 
                    <meter max="100" min="0" value="60" low="20" high="80"></meter>
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" name="dogIds" value="A1003"/>
                </td>
                <td>A1003</td>
                <td>泡泡</td>
                <td>6</td>
                <td  name="title_test2" >
                    <p>红色球电量：</p>
                    <meter max="100" min="0" value="20" low="20" high="80"></meter>
                </td>
            </tr>
        </tbody>
    </table>

    <script>

        // 在别的单元格提示指定单元格的内容----方式1
        // $("td[name='title_test2']").each(function(){
        //     $(this).mouseover(function(){
        //         var tr = $(this).parent(); //通过td找tr
        //         var td_second = tr.children("td").eq(1);//找到本tr的第二个td
        //         console.log(td_second.html());
        //         $(this).attr("title","姓名-"+td_second.html());//即：在别的单元格提示指定单元格的内容
        //     });
        // });

        // 在别的单元格提示指定单元格的内容----方式2
        $("#dogs_data tr td:last-child").each(function(){
            $(this).mousemove(function(){})
            var tr = $(this).parent(); //通过td找tr
            var td_second = tr.children("td").eq(1);//找到本tr的第二个td
            // console.log(td_second.html());
            $(this).attr("title","姓名-"+td_second.html());//即：在别的单元格提示指定单元格的内容
        });

        // 获取父标签的最后一个td子标签的第一个<p>子标签
        $("#dogs_data tr td:first-child").each(function(){
            $(this).click(function(){
                // 第一种写法
                var aa = $(this).parent().children("td").eq(4).children('p').first().html();
                console.log(aa);

                // 第一种写法
                var bb = $(this).parent().children("td:last-child").children('p').first().html();
                console.log(bb);
            })
        });

    </script>
</body>
</html>

1.1.3 总结

  • 给td添加title方法很多，简单直接的方法就是直接写属性，列表方式也可以直接title提示列表中指定td的数据，如果能简单获取的，使用上面方式反而是复杂的，上面方式只是说语法 以及 有些不跟列表同时返回页面的提示（需要触发事件请求后台返回title的提示数据，然后动态设置tilte的情况）可以使用上面的方式添加。

1.2 给 指定行tr 添加样式

  • 效果如下：
    在这里插入图片描述
  • 实现代码如下：
    • 样式
      .one_tr_style{
    background-color: aquamarine;
}
    • js/jQuery
      <script>
    $(document).ready(function(){
        $("tr:eq(1)").find("td").addClass("one_tr_style");
    });
</script>

2 根据name获取复选框的情况

2.1 所有的复选框

  • 代码如下：
    $("input[name='items']").each(function(){
	console.log($(this).val());
});

2.2 所有的选中的复选框

  • 代码如下：
    $("input[name='items']:checked").each(function(){
	console.log($(this).val());
});

2.3 所有的未选中的复选框

  • 代码如下：
    $("input[name='items']:not(:checked)").each(function(){
	selectedNum ++;//计算没有选中的项目个数
});

3. 获取复选框的选中状态

  • 根据ID获取，使用 .is(":checked") 如下：
    // 点击 全选/全不选 复选框----使用s(":checked")
$("#checkAllOrNo").click(function(){
	$("input[name='items']").each(function(){
		// 选中状态与 全选/全不选 的复选框保持一致即可
		this.checked = $("#checkAllOrNo").is(":checked");
	});
});
  • jQuery循环中常用判断（使用this.checked）
    //3.反选(直接取反)
$("#fanxuan").click(function(){
	$("input[name='items']").each(function(){
		this.checked = !(this.checked);//直接取反
	});
});

4. js/jQuery实现隐藏div等

4.1 js实现

  • 代码里含部分jQuery，不想摘出来了，自己根据需要拿，代码如下：
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
    <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.3.2/jquery.min.js"></script> -->

    <style>
        .visible {
           display: block;
        }
        .hidden {
           display: none;
        }
    </style>
</head>
<body>
    <script>
        $(document).ready(function(){
            // 隐藏 div_1-----方式1 .css
            $("#div_1").css("display","none");
            // 隐藏 div_2-----方式2 .visibility（这种隐藏方式占空间，页面显示空白一块）
            // document.getElementById("div_2").style.visibility = "hidden"; 
            // 隐藏 div_4  这个写在这里生效-----方式3 .classList
            document.getElementById("div_4").classList.add("hidden");
            // 显示div_3
            $("#div_2").css("display","");

            // 隐藏input_1
            $("#input_1").css("display","none");
            // 隐藏input_2
            document.getElementById("input_2").type = "hidden";
            // 隐藏input_2——通过设置input的style属性display为none来隐藏input
        	document.getElementById("input_2").style.display = "none";
            // 显示input_3
            document.getElementById("input_3").type = "text";

        });
        function hideDiv_2() {
            // -----方式4 .display
            // 这个需要借助函数，写在事件触发才生效，写在外面不生效，但是使用classList时不用事件也是ok的
            document.getElementById("div_2").style.display = "none";
        }
        
        function useclassListHideDiv() {
            document.getElementById("div_4").classList.remove("visible");//这个可以不要
            document.getElementById("div_4").classList.add("hidden");//但是这个必须要，只有这一个就可以
        }
        function useclassListShowDiv() {
            document.getElementById("div_4").classList.remove("hidden");//只有这一个就可以
            // document.getElementById("div_4").classList.add("visible"); // 只有这个不生效，所以这个可以不要
        }
        
    </script>

    <div id="div_1">我是div1</div>
    <div id="div_2">我是div2</div>
    <div id="div_3">我是div3</div>
    <div id="div_4">我是div4</div>


    <input type="text" id="input_1" name="test" value="aa"/>
    <input type="text" id="input_2" name="test" value="bb"/>
    <input type="hidden" id="input_3" name="test" value="cc"/>

    <br/><br/>
    <button onclick="hideDiv_2()">隐藏div2</button>
    <button onclick="useclassListHideDiv()">classList隐藏div4</button>
    <button onclick="useclassListShowDiv()">classList显示div4</button>

</body>
</html>

4.2 jQuery实现

  • 核心代码如下：
    <script>
    $(document).ready(function(){
        // 1. 隐藏 div
        // 1.1 通过attr设置属性
        $("#div_1").attr("style","display:none;");//隐藏div
        $("#div_2").attr("style","display:block;");//显示div

        // 1.2 通过hide与show方法
        $("#div_3").hide();//隐藏div
        $("#div_4").show();//显示div

        // 1.3 通过css方法设置
        $("#div_5").css("display","none");//隐藏div
        $("#div_6").css("display","block");//显示div

        // 2. 隐藏input
        // 隐藏input_1
        $("#input_1").css("display","none");
        // 隐藏input_2
        $("#input_2").attr("style","display:none;");//隐藏
        // $("#input_2").attr("style","display:block;");//显示
    });
</script>

5. 其他语法

5.1 .eq(index)

  • 解释：
    一个整数，指示元素的从 0 开始的位置。负数的话，从-1开始（最后一个index）
  • 例子如下
    • 效果如下：
      在这里插入图片描述
    • 核心代码如下：
      <script>
    $(document).ready(function(){
        $( "li" ).eq( 1 ).css( "background-color", "red" );
        $( "li" ).eq( -2 ).css( "background-color", "green" );

        $( "body" ).find( "div" ).eq( 1 ).addClass( "blue" );
    })
</script>

5.2 :eq() Selector

5.2.1 jQuery( “:eq(index)” )

  • 例子1：

    • 效果如下：
      在这里插入图片描述
    • 实现代码如下：
      <script>
  // 针对所有td不是单行td
  $( "td:eq( 2 )" ).css( "background-color", "red" );
  $( "td:eq( 3 )" ).css( "background-color", "green" );

  // 针对第三行 的 第二个td
  $( "tr:eq(2) td:eq( 1 )" ).css( "background-color", "pink" );
</script>

  • 例子2：

    • 效果：
      在这里插入图片描述
    • 代码：
      .my_background_style{
   background-color: red;
}

      <script>
  $( "td:eq( 0 )" ).addClass( "my_background_style" );
  $( "td:eq( 8 )" ).addClass( "my_background_style" );

  // 针对第2行 的 第二个td
  $( "tr:eq(1) td:eq( 1 )" ).addClass( "my_background_style" );
</script>

  • 注意：

    • 在 jQuery 1.8 之前， :eq(index) 选择器不接受负值（尽管该 .eq(index) 方法接受）；
    • 由于是 jQuery 扩展，而不是 CSS 规范的一部分，因此 :eq() 使用 :eq() 查询无法利用本机 DOM querySelectorAll() 方法提供的性能提升。为了在现代浏览器中获得更好的性能，请改用 $(“your-pure-css-selector”).eq(index)

5.2.2 其他与索引相关的选择器

  • 如：:eq() ， :lt() :gt() :even ， :odd

5.3 :nth-child(n)

  • 选择属于其父元素的第 n 个子元素的所有元素。从1开始
  • 例子，直接截官网的来吧，如下：
    在这里插入图片描述

6. 参考

  • 更多了解，请去官网：
    https://api.jquery.com/.

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1295737.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

elasticsearch聚合、自动补全、数据同步

elasticsearch聚合、自动补全、数据同步

目录 一、数据聚合1.1 聚合的种类1.2 DSL实现聚合1.2.1 Bucket聚合语法1.2.2 聚合结果排序1.2.3 限定聚合范围1.2.4 Metric聚合语法 1.3 RestAPI实现聚合 二、自动补全2.1 拼音分词器2.2 自定义分词器2.3 自动补全查询2.4 RestAPI实现自动补全 三、数据同步3.1 思路分析3.1.1 同…
阅读更多...
Java来实现二叉树算法，将一个二叉树左右倒置（左右孩子节点互换）

Java来实现二叉树算法，将一个二叉树左右倒置（左右孩子节点互换）

文章目录 二叉树算法二叉树左右变换数据 今天来和大家谈谈常用的二叉树算法 二叉树算法 二叉树左右变换数据 举个例子&#xff1a; Java来实现二叉树算法&#xff0c;将一个二叉树左右倒置&#xff08;左右孩子节点互换&#xff09;如下图所示 实现的代码如下&#xff1a;以…
阅读更多...
CMake ‘3.10.2‘ was not found in PATH or by cmake.dir property.

CMake ‘3.10.2‘ was not found in PATH or by cmake.dir property.

在部署Yolov5到安卓端的过程中出现&#xff1a;CMake ‘3.10.2’ was not found in PATH or by cmake.dir property. 原因&#xff1a; cmake版本太高&#xff0c;需要安装低版本的cmake 最开始下载的是默认最高版本的cmake,默认是3.22.1&#xff0c;解决方案是&#xff0c;下载…
阅读更多...
AIGC创作系统ChatGPT网站源码,Midjourney绘画,GPT联网提问/即将支持TSS语音对话功能

AIGC创作系统ChatGPT网站源码,Midjourney绘画,GPT联网提问/即将支持TSS语音对话功能

一、AI创作系统 SparkAi创作系统是基于ChatGPT进行开发的Ai智能问答系统和Midjourney绘画系统&#xff0c;支持OpenAI-GPT全模型国内AI全模型。本期针对源码系统整体测试下来非常完美&#xff0c;可以说SparkAi是目前国内一款的ChatGPT对接OpenAI软件系统。那么如何搭建部署AI…
阅读更多...
C++初阶 | [七] (上) string类

C++初阶 | [七] (上) string类

摘要&#xff1a;标准库中的string类的常用函数 C语言中&#xff0c;字符串是以\0结尾的一些字符的集合&#xff0c;为了操作方便&#xff0c;C标准库中提供了一些str系列的库函数&#xff0c; 但是这些库函数与字符串是分离开的&#xff0c;不太符合OOP(面向对象)的思想&#…
阅读更多...
区块链创新应用场景不断拓展，实现去中心化

区块链创新应用场景不断拓展，实现去中心化

小编介绍&#xff1a;10年专注商业模式设计及软件开发&#xff0c;擅长企业生态商业模式&#xff0c;商业零售会员增长裂变模式策划、商业闭环模式设计及方案落地&#xff1b;扶持10余个电商平台做到营收过千万&#xff0c;数百个平台达到百万会员&#xff0c;欢迎咨询。 区块…
阅读更多...
网络知识学习（笔记三）（传输层的TCP）

网络知识学习（笔记三）（传输层的TCP）

前面已经介绍了传输层的UDP协议的报文以及一下相关的知识点&#xff0c;本次主要是传输层的TCP协议&#xff0c;包括TCP报文的详细介绍&#xff1b;可靠传输、流量控制、拥塞控制等&#xff1b;建立连接、释放连接。 一、TCP基本知识点介绍 1.1、TCP协议的几个重要的知识点 …
阅读更多...
联想电脑重装系统Win10步骤和详细教程

联想电脑重装系统Win10步骤和详细教程

联想电脑拥有强大的性能&#xff0c;很多用户办公都喜欢用联想电脑。有使用联想电脑的用户反映系统出现问题了&#xff0c;想重新安装一个正常的系统&#xff0c;但是不知道重新系统的具体步骤。接下来小编详细介绍给联想电脑重新安装Win10系统系统的方法步骤。 推荐下载 系统之…
阅读更多...
Elastcsearch：通过 Serverless 提供更多服务

Elastcsearch：通过 Serverless 提供更多服务

作者&#xff1a;Ken Exner 人们使用 Elasticsearch 解决最大数据挑战的方式一直令我们感到惊讶。 从超过 40 亿次下载、70,000 次提交、1,800 名贡献者以及我们全球社区的反馈中可以清楚地看出这一点。 Elastic 在广泛的用例中发挥的作用促使我们简化复杂性&#xff0c;让搜索…
阅读更多...
2023年12月8日：UI登陆界面

2023年12月8日：UI登陆界面

作业 头文件 #ifndef WIDGET_H #define WIDGET_H#include <QWidget> #include <QMovie> #include <QPushButton> #include <QDebug>QT_BEGIN_NAMESPACE namespace Ui { class Widget; } QT_END_NAMESPACEclass Widget : public QWidget {Q_OBJECTpub…
阅读更多...
Liunx系统使用超详细(五)~命令符号

Liunx系统使用超详细(五)~命令符号

目录 一、逻辑符号 1.1&& 1.2|| 二、连接符号 2.1| 2.2> 2.3>> 2.4< 三、分隔符号 3.1 &#xff1b; 在Linux中&#xff0c;逻辑符号和连接符号常用于构建命令行中的逻辑操作和管道操作。下面对这两种符号进行总结描述。 一、逻辑符号 1.1&…
阅读更多...
运维知识点-Nginx

运维知识点-Nginx

Nginx Nginx解析安全实战预备知识实验目的#制作图片木马# web服务器-Nginx服务命令及配置centOS7安装安装所需插件安装gccpcre、pcre-devel安装zlib安装安装openssl Nginx解析安全实战 预备知识 NginxPHP/FastCGI构建的WEB服务器工作原理 Nginx|FastCGI简介 Nginx (“engin…
阅读更多...
Spring--10--Spring Bean的生命周期

Spring--10--Spring Bean的生命周期

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 1.Spring Bean1.1 什么是 Bean简而言之&#xff0c;bean 是由 Spring IoC 容器实例化、组装和管理的对象。 1.2 Spring框架管理Bean对象的优势 2.Bean的生命周期实例…
阅读更多...
Linux shell编程学习笔记34：eval 命令

Linux shell编程学习笔记34：eval 命令

0 前言 在JavaScript语言中&#xff0c;有一个很特别的函数eval&#xff0c;eval函数可以将字符串当做 JavaScript 代码执行&#xff0c;返回表达式或值。 在Linux Shell 中也提供了内建命令eval&#xff0c;它是否具有JavaScript语言中eval函数的功能呢&#xff1f; 1 eval命…
阅读更多...
MuJoCo机器人动力学仿真平台安装与教程

MuJoCo机器人动力学仿真平台安装与教程

MuJoCo是一个机器人动力学仿真平台&#xff0c;它包括一系列的物理引擎、可视化工具和机器人模拟器等工具&#xff0c;用于研究和模拟机器人的运动和动力学特性。以下是MuJoCo的安装教程&#xff1a; 下载和安装MuJoCo Pro。可以从MuJoCo的官方网站上下载最新版本的安装包。根…
阅读更多...
QT Creator 保存(Ctrl+S)时，会将Tab制表符转换为空格

QT Creator 保存(Ctrl+S)时，会将Tab制表符转换为空格

今天在写makefile文件时&#xff0c;发现QT Creator 保存(CtrlS)时&#xff0c;会将Tab制表符转换为空格&#xff0c;之前没有发现&#xff0c;略坑&#xff0c;官网上也有说明&#xff0c;点这里 简单来说&#xff0c;解决办法如下 依次点击&#xff1a;Tools ->Options-&g…
阅读更多...
数据结构与算法（六）分支限界法（Java）

数据结构与算法（六）分支限界法（Java）

目录 一、简介1.1 定义1.2 知识回顾1.3 两种解空间树1.4 三种分支限界法1.5 回溯法与分支线定法对比1.6 使用步骤 二、经典示例&#xff1a;0-1背包问题2.1 题目2.2 分析1&#xff09;暴力枚举2&#xff09;分支限界法 2.3 代码实现1&#xff09;实现广度优先策略遍历2&#xf…
阅读更多...
SpringBoot系列之集成Jedis教程

SpringBoot系列之集成Jedis教程

SpringBoot系列之集成Jedis教程&#xff0c;Jedis是老牌的redis客户端框架&#xff0c;提供了比较齐全的redis使用命令&#xff0c;是一款开源的Java 客户端框架&#xff0c;本文使用Jedis3.1.0加上Springboot2.0&#xff0c;配合spring-boot-starter-data-redis使用&#xff0…
阅读更多...
【CVE 复现】CVE-2022-0185 fsconfig之整数溢出

【CVE 复现】CVE-2022-0185 fsconfig之整数溢出

影响版本&#xff1a;Linux-v5.1~v5.16.2 测试版本&#xff1a;Linux-5.11.22&#xff0c;由于懒得搞环境&#xff0c;所以直接用的 bsauce 大佬提供的 测试环境 看看 patch&#xff1a; diff --git a/fs/fs_context.c b/fs/fs_context.c index b7e43a780a625b..24ce12f0db32…
阅读更多...
Linux---日志管理

Linux---日志管理

本章主要介绍Linux中的日志管理 了解rsyslog是如何管理日志的查看日志的方法 日志管理简介 工作当中的日志&#xff0c;特指硬件和软件的日志&#xff0c;管理员可以通过它来检查错误发生的原因&#xff0c;或者寻找受到攻击时攻击者留下的痕迹。日志管理包括管理系统日志、应…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023