jQuery not() 方法

在jQuery中，not() 方法用于从匹配的元素集中移除指定的元素。这个方法可以帮助我们过滤掉不需要的元素，从而实现更精确的选择。

语法

$(selector).not(filter)

参数

• filter: 可选参数，用于指定要移除的元素的选择器表达式。

示例

假设我们有一个HTML结构如下：

<ul>
  <li>Apple</li>
  <li>Orange</li>
  <li>Banana</li>
  <li>Strawberry</li>
</ul>

现在我们想要移除其中的某一个元素，比如Banana，可以使用not()方法来实现：

$("li").not(":contains('Banana')").css("color", "red");

上面的代码会将除了包含文本“Banana”的li元素之外的所有li元素的文本颜色设为红色。

示例解释

• $("li") 选取所有的li元素。
• not(":contains('Banana')") 移除包含文本“Banana”的li元素。
• css("color", "red") 将剩余的li元素的文本颜色设为红色。

更多示例

移除特定类名的元素

$(".item").not(".active").hide();

上面的代码会隐藏所有class为item但不包含class为active的元素。

移除指定索引的元素

$("li").not(":eq(2)").css("font-weight", "bold");

上面的代码会将除了索引为2的li元素之外的所有li元素的字体加粗。

总结

通过使用jQuery的not()方法，我们可以更灵活地操作DOM元素，实现更精确的元素选择和过滤。希望本文对你有所帮助！