[分享]揭秘jQuery not()的神奇魅力：轻松实现条件筛选，解锁高效编程技巧

jQuery 作为一款流行的 JavaScript 库，极大地简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互等操作。在 jQuery 中，not() 方法是一个非常有用的函数，它可以帮助...

jQuery 作为一款流行的 JavaScript 库，极大地简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互等操作。在 jQuery 中，not() 方法是一个非常有用的函数，它可以帮助开发者轻松实现条件筛选，从而提高编程效率。本文将深入探讨 jQuery not() 方法的使用技巧和应用场景。

一、了解 not() 方法

not() 方法是 jQuery 提供的一个选择器方法，用于从匹配的元素集合中移除不匹配的元素。简单来说，它允许我们对已经通过其他选择器筛选出的元素进行反向选择。

1.1 语法结构

$(selector).not(selector)

• selector：这是要应用 not() 方法的原始选择器。
• selector：这是要排除的元素的选择器。

1.2 返回值

not() 方法返回一个新的 jQuery 对象，其中包含了原始匹配元素集合中除了指定选择器外的所有元素。

二、使用 not() 方法实现条件筛选

使用 not() 方法可以轻松实现条件筛选，以下是一些常见的使用场景：

2.1 排除特定元素

$(document).ready(function() { $("#btn").click(function() { $("div").not(".special").hide(); });
});

在上面的例子中，当点击按钮时，所有

$(document).ready(function() { $("#btn").click(function() { $("p").not(".hidden").show(); });
});

$(document).ready(function() { $("#btn").click(function() { $("a").not("[href^='http://']").attr("href", "http://www.example.com"); });
});

$(document).ready(function() { $("#btn").click(function() { $("li").not(":even").css("color", "red"); });
});

$(document).ready(function() { $("#btn").click(function() { $("li").not(":first").hide(); });
});