jQuery对象函数 .not() 是用于从匹配元素集合中筛选出不符合指定条件的元素,返回一个新的jQuery对象
▥前端
𝄐 0
jquerynot方法
jQuery对象函数 .not() 是用于从匹配元素集合中筛选出不符合指定条件的元素,返回一个新的jQuery对象。
该方法接受一个参数,可以是选择器字符串、jQuery对象或DOM元素,表示要排除的元素。如果传入的是一个函数,则该函数应返回一个布尔值,当函数返回false时,该元素被排除。
以下是一个例子:
HTML 代码:
html
<ul>
<li>John</li>
<li>Peter</li>
<li>Mark</li>
<li>David</li>
</ul>
JavaScript 代码:
javascript
// 排除第二个和第四个 li 元素
$("li").not(":nth-child(2), :nth-child(4)").css("background-color", "yellow");
以上代码将选中所有 li 元素,然后使用 .not() 方法排除了第二个和第四个元素,最后把剩余的元素背景颜色设为黄色。
注意:在这个例子中,:nth-child() 是CSS伪类选择器之一,用于匹配某个父元素下的特定子元素,例如 :nth-child(2) 表示匹配父元素下的第二个子元素。
jQuery对象函数 .not() 是用于从匹配元素集合中筛选出不符合指定条件的元素,返回一个新的jQuery对象。
该方法接受一个参数,可以是选择器字符串、jQuery对象或DOM元素,表示要排除的元素。如果传入的是一个函数,则该函数应返回一个布尔值,当函数返回false时,该元素被排除。
以下是一个例子:
HTML 代码:
html
<ul>
<li>John</li>
<li>Peter</li>
<li>Mark</li>
<li>David</li>
</ul>
JavaScript 代码:
javascript
// 排除第二个和第四个 li 元素
$("li").not(":nth-child(2), :nth-child(4)").css("background-color", "yellow");
以上代码将选中所有 li 元素,然后使用 .not() 方法排除了第二个和第四个元素,最后把剩余的元素背景颜色设为黄色。
注意:在这个例子中,:nth-child() 是CSS伪类选择器之一,用于匹配某个父元素下的特定子元素,例如 :nth-child(2) 表示匹配父元素下的第二个子元素。
本文地址:
/show-269978.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。