jQuerynot方法是jQuery中的一个常用方法,它可以用来筛选出不匹配指定选择器的元素。它可以接受一个或多个表达式,返回不匹配表达式的元素集合。
$("div").not(".className"); // 选择所有不带有className类的div元素 $("div").not("#idName"); // 选择所有不带有idName ID 的div元素 $("div").not(":visible"); // 选择所有不可见的div元素
jQuerynot方法也可以用来过滤出特定的DOM元素,例如:
$("input[type='text']").not(":disabled"); // 选择所有启用的文本输入字段 $("input[type='checkbox']").not(":checked"); // 选择所有未选中的复选框 $("a[target]").not("[target='_blank']"); // 选择所有target属性不是_blank属性的链接
此外,jQuerynot方法还可以用来过滤出特定DOM元素之外的其他DOM元素,例如:
$('*').not('div'); // 除了 div 元素之外,选中所有 DOM 元素 $('li').not(':first'); // 除了 li 第一个子元素之外,选中 li 标签内部剩余子元素 $('tr').not('tr:first-child'); // 除了 tr 第一个子元素之外,选中 tr 标签内部剩余子元素
总而言之,jQuery not 方法是一个非常强大而实用的方法。它可以帮助我们快速地过滤出特定DOM 元素或者特定DOM 元素之外的 DOM 元素。使用正则表达式也能很好地使用该方法。
jQuery 遍历方法
返回不带有类名 "intro" 的所有 <p> 元素:
not() 方法返回不符合一定条件的元素。
该方法让您规定一个条件。不符合条件的元素将从选择中返回,符合条件的元素将被移除。
该方法通常用于从被选元素组合中移除一个或多个元素。
提示:not() 方法是与 filter() 方法相对的。
参数 | 描述 |
---|---|
criteria | 可选。规定要从被选元素组合中移除的选择器表达式、jQuery 对象、一个或多个元素。 提示:如需规定多个条件,请使用逗号分隔。 |
function(index) | 可选。为组合中的每个元素规定要运行的函数。如果返回 true,则移除元素,否则元素将被保留。
|
返回所有不是偶数号的 <p> 元素
使用 :even 选择器和 not() 来返回所有不是偶数号的 <p> 元素。
多个条件
如何返回 class 不为 "intro" 且 id 不为 "outro" 的所有 <p> 元素。
使用 jQuery 对象
如何通过 jQuery 对象返回 <div> 元素内 class 不为 "intro" 的所有 <p> 元素。
DOM
如何通过 DOM 元素返回 id 不为 "intro" 的所有 <p> 元素。
使用函数
如何使用函数来选取没有两个 <span> 元素在其内的所有 <p> 元素。
jQuery 遍历方法
jQuery 选择器参考手册实例选择所有启用的 input 和 button 元素:$(:enabled)亲自试一试定义和用法:enabled 选择器选取所有启用...
jQuery 文档操作参考手册实例在每个 p 元素后插入内容:$(button).click(function(){$(p).after(pHello world!/p);});亲自试一试...
jQuery 文档操作参考手册实例在每个 p 元素前插入内容:$(button).click(function(){$(p).before(pHello world!/p);});亲自试一...
jQuery 属性操作参考手册实例检查第一个 p 元素是否包含 intro 类:$(button).click(function(){alert($(p:first).hasClass(intr...
jQuery finish() 方法jQuery 效果方法实例 完成当前正在运行的动画:$("#complete").click(function(){ $("div").finish(); }); ...