:not(selector)

选择所有不匹配给定选择器的元素。

:not() 可以接受所有选择器。比如 :not(div a):not(div,a)

附加信息

使用 .not() 方法可以让代码更易读。使用 :not() 通常会构建出一个非常复杂的选择器。所以大多数情况下,推荐使用使用 .not() 方法。

示例:

查找所有没有被选中的复选框,然后高亮后面的 span 。注意,当你点击复选框的时候不会有反应,因为这里没有绑定任何点击事件。

<!DOCTYPE html>
<html>
<head>
<script src="jquery.min.js"></script>
</head>
<body>

<div>
  <input type="checkbox" name="a" />
  <span>Mary</span>
</div>

<div>
  <input type="checkbox" name="b" />
  <span>lcm</span>

</div>
<div>
  <input type="checkbox" name="c" checked="checked" />

  <span>Peter</span>
</div>

<script>


  $("input:not(:checked) + span").css("background-color", "yellow");
  $("input").attr("disabled", "disabled");



</script>
</body>
</html>
演示: