📅 最后修改于: 2023-12-03 15:32:12.363000 🧑 作者: Mango
jQuery | not() 方法用于从所选元素中移除指定的元素或选择器。
$(selector).not(element|selector|function)
参数说明：
element：要从匹配元素集合中删除的元素。selector：一个字符串形式的选择器，用于从匹配元素集合中删除元素。function：一个函数，用于过滤元素。接受两个参数，index表示元素在集合中的索引位置，element表示当前元素。<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery | not() 方法示例</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
</head>
<body>
<div id="list">
<ul>
<li>HTML</li>
<li>CSS</li>
<li class="remove">JavaScript</li>
<li>Node.js</li>
</ul>
</div>
<script>
$(document).ready(function () {
$("#list li").not(".remove").css("color", "red");
});
</script>
</body>
</html>
在上述示例中，我们使用.not(".remove")过滤掉了class为.remove的元素，然后将其他元素的字体颜色设置为红色。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery | not() 方法示例</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
</head>
<body>
<div id="list">
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>Node.js</li>
</ul>
</div>
<script>
$(document).ready(function () {
$("#list li").not(function (index) {
return index === 2; // 移除索引为2的元素，即第3个元素
}).css("color", "red");
});
</script>
</body>
</html>
在上述示例中，我们使用.not(function(index){...})过滤掉了索引为2（即第3个）的元素，然后将其他元素的字体颜色设置为红色。
通过上述示例，我们可以看到jQuery | not() 方法的强大之处，它可以灵活地根据元素或选择器来过滤集合中不需要的元素，同时它还支持通过自定义函数来过滤元素。在开发过程中，合理运用not()方法可以更好地优化代码，提高开发效率，同时也有助于代码的可维护性。