jquery not

jQuery Not 方法的使用

jQuery 的 not() 方法用于从匹配的元素集合中移除指定的元素。它接受一个选择器、DOM 元素或 jQuery 对象作为参数，并返回一个新的 jQuery 对象，其中不包含匹配的元素。

语法

$(selector).not(criteria)

参数说明

• criteria：可以是选择器字符串、DOM 元素、函数或 jQuery 对象。

示例代码

排除特定类名的元素

$("div").not(".exclude").css("background-color", "yellow");

排除特定索引的元素

$("li").not(":even").css("background-color", "red");

使用函数过滤

$("div").not(function(index) {
  return $(this).hasClass("exclude");
});

注意事项

• not() 方法不会修改原始 jQuery 对象，而是返回一个新的对象。
• 如果传递的是函数，该函数会对每个元素执行，返回 true 的元素将被排除。

与 filter() 方法的区别

• not() 排除匹配的元素。
• filter() 保留匹配的元素。

示例对比

// 保留类名为 "keep" 的元素
$("div").filter(".keep").css("color", "blue");

// 排除类名为 "exclude" 的元素
$("div").not(".exclude").css("color", "red");

实际应用场景

• 表单验证时排除某些字段。
• 动态表格中排除特定行。
• 导航菜单中排除当前选中的项。

性能优化建议

• 尽量使用简单的选择器作为 not() 的参数。
• 避免在大型 DOM 结构上频繁调用 not()。