jQuery 获取除某指定对象外的其他对象 ( :not() 与.not())

当使用jQuery选择器时，我们常常会遇到需要获取除了某个指定对象以外的所有其他对象的情况。在这种情况下，我们可以使用 :not() 或 .not() 方法来实现。

:not() 选择器

:not() 选择器是用来排除指定元素或元素组的。如果你需要选择除了某些元素以外的其他所有元素，则可以使用 :not() 选择器。

语法格式：

$("selector:not(expression)")

用法示例：假设我们有如下HTML结构：

<ul>
  <li>苹果</li>
  <li>梨子</li>
  <li class="exclude">葡萄</li>
  <li>香蕉</li>
  <li>桃子</li>
</ul>

如果我们需要选择除了 class 为 "exclude" 的元素以外的所有 li 元素，可以使用以下代码：

$("li:not(.exclude)").css("background-color", "gray");

这将会把所有除了 class 为 "exclude" 的 li 都设置为灰色背景色。

.not() 方法

除了使用 :not() 选择器，我们还可以使用 .not() 方法来实现同样的效果。通常情况下，使用 .not() 方法更加灵活。

语法格式：

$("selector").not(expression)

用法示例：同样假设我们有如下HTML结构：

<ul>
  <li>苹果</li>
  <li>梨子</li>
  <li class="exclude">葡萄</li>
  <li>香蕉</li>
  <li>桃子</li>
</ul>

如果我们需要选择除了 class 为 "exclude" 的元素以外的所有 li 元素，可以使用以下代码：

$("li").not(".exclude").css("background-color", "gray");

同样，这将会把所有除了 class 为 "exclude" 的 li 都设置为灰色背景色。

结论：选择除了指定元素以外的其他元素可以使用 :not() 选择器或 .not() 方法，两种方式都很常用。在实际应用中，我们需要根据具体情况选择合适的方式进行处理。