jQuery | :not() 选择器

在 jQuery 中，:not() 选择器可用于选取除了指定元素以外的所有元素。

语法

$(":not(selector)")

其中，selector 表示一个 CSS 选择器，用于指定要排除的元素。

示例

假设我们有以下 HTML 代码：

<ul>
  <li>苹果</li>
  <li class="exclude">香蕉</li>
  <li>橙子</li>
  <li class="exclude">梨</li>
  <li>草莓</li>
</ul>

如果我们想选取除了 .exclude 类所匹配的元素以外的所有元素，可以使用 :not() 选择器：

$("li:not(.exclude)")

上述代码会选取所有 li 元素中，除了有 .exclude 类的元素以外的所有元素。

多个条件的排除

:not() 选择器也可以与其他选择器一起使用，以排除多个条件的元素。例如，要选取除了 li 元素中有 .exclude 类和 #apple id 的元素以外的所有元素，在代码中可以这样写：

$("li:not(.exclude):not(#apple)")

上述代码会选取所有 li 元素中，除了有 .exclude 类和 #apple id 的元素以外的所有元素。

同样，也可以使用 , 分隔多个条件：

$("li:not(.exclude, #apple)")

总结

jQuery :not() 选择器是一个非常有用的选择器，可以帮助我们快速地排除指定的元素。它可以单独使用，也可以组合使用，具有很好的灵活性。

注意：:not()选择器只接受单个选择器作为参数，不支持多个选择器列表作为一个整体传入。