[分享]揭秘jQuery not()函数：轻松排除元素，高效实现条件筛选技巧

not() 函数的扩展用法

除了基本用法之外，not() 函数还可以与其他选择器组合使用，以实现更复杂的筛选逻辑。

示例

$(document).ready(function() { // 选择所有非标题元素，但包含类名 "highlight" 的元素 $("*").not("h1, h2, h3, h4, h5, h6").not(".highlight").click(function() { alert("点击了非标题且非高亮的元素"); });
});

在这个例子中，not("h1, h2, h3, h4, h5, h6") 排除了所有标题元素，而 not(".highlight") 排除了所有具有 “highlight” 类的元素。因此，点击非标题且非高亮的元素时会触发点击事件。

not() 函数的性能考虑

虽然 not() 函数非常强大，但在使用时仍需注意性能问题。当选择器变得越来越复杂时，它们可能会影响 DOM 的遍历速度。因此，尽量保持选择器的简洁性，并避免过度使用 not() 函数。

总结

not() 函数是 jQuery 中一个非常有用的工具，它可以帮助你轻松地排除不需要的元素，从而实现复杂的条件筛选。通过本文的介绍，你应该已经对 not() 函数有了更深入的了解，并能够在实际项目中有效地使用它。