返回值:jQuerynot(selector)

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

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

附加信息

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

示例:

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

<!DOCTYPE html>
<html>
<head>
<style>
  div { width:50px; height:50px; margin:10px; float:left;
        background:yellow; border:2px solid white; }
  .green { background:#8f8; }
  .gray { background:#ccc; }
  #blueone { background:#99f; }
  </style>
<script src="jquery.min.js"></script>
</head>
<body>

<div></div>
  <div id="blueone"></div>
  <div></div>
  <div class="green"></div>

  <div class="green"></div>
  <div class="gray"></div>
  <div></div>

<script>


    $("div").not(".green, #blueone")
            .css("border-color", "red");



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

示例:

jQuery 代码:
$("p").not( $("#selected")[0] )

示例:

jQuery 代码:
$("p").not("#selected")

示例:

jQuery 代码:
$("p").not($("div p.selected"))