jQuery not() 方法

实例

返回所有没有样式类名 "intro" 的 <p> 元素:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
  5. <script>
  6. $(document).ready(function(){
  7. $("p").not(".intro").css("background-color", "yellow");
  8. });
  9. </script>
  10. </head>
  11. <body>
  12. <h2>欢迎来到我的主页</h2>
  13. <p>我的名字是 Donald.</p>
  14. <p class="intro">我居住在 Duckburg.</p>
  15. <p class="intro">我爱 Duckburg.</p>
  16. <p>我最好的朋友是 Mickey.</p>
  17. </body>
  18. </html>

定义与用法

not() 方法返回与特定条件不匹配的元素。

此方法允许您指定条件。不符合条件的元素将从选择中返回,符合条件的元素将被删除。

此方法通常用于从一组选定元素中删除一个或多个元素。

提示: not() 方法与 filter() 方法相反。


语法

  1. $(selector).not(criteria,function(index))
参数描述
criteria可选。指定要从一组选定元素中删除的选择器表达式、jQuery 对象或一个或多个元素
提示: 要指定多个条件,请使用逗号
function(index)可选。为组中的每个元素指定要运行的函数。如果返回 true,则删除该元素。否则,保留该元素
  • index - 元素在集合中的索引位置
注意: this 是当前 DOM 元素。

更多实例

使用 :even 选择器与 not() 方法返回所有非偶数的 p 元素

如何返回所有没有样式类为 intro 和 id为 outro 的 p 元素

如何使用 jQuery 返回 <p> 元素中没有样式类为 intro 的所有 p 元素

如何使用 DOM 元素返回 id 为 intro 的所有 p元素

如何使用一个函数来选择所有 p 元素,其中没有两个 span 元素

分类导航