首页 / JQUERY / jQuery过滤选择器:not()方法使用介绍

jQuery过滤选择器:not()方法使用介绍

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jQuery过滤选择器:not()方法使用介绍，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含985字，纯文字阅读大概需要2分钟。

内容图文

在jQuery的早期版本中,:not()筛选器只支持简单的选择器,说明我们传入到:not这个filter中的selector可以任意复杂,比如:not(div a) and :not(div,a) 

<p class="a">sdfsdfs</p> 
<p class="b">sdfsdfs</p> 
<p class="c">sdfsdfs</p> 
$("p:not(.a)").css({"color":"red"})

那么除了class等于a的p元素外,其他的P的文字颜色就变成了红色. 
:not()伪类过滤选择器,这叫法真拗口,jQuery的:not()方法是jQuery的伪类选择器,可以过滤不需要的元素,筛选出正确的结果,简单的说我们有如下代码: 

$("selector1:not(selector2)")

 

我们分析下上面的代码,我们要获取selector1的元素,但可能我不需要全部,怎么办,通过:not()方法来过滤,如果selector1的集合中有#1,#2,#3,#4 
我们的selector2就是要过滤掉#4，上面的代码我们最终将获得#1,#2,#3 
再举几个列子 

$(‘li:not(:only-child)‘)//匹配所有的li,除了只有一个子元素的 
$(‘li:not(:first-child)‘);//匹配除了在他父元素中是第一个子元素的LI 
$("li :not(:first)").hide();//隐藏除了第一个LI外的所有LI

 

我们经常会用到属性[Attribute]选择器，例如

<div>
  <p>Hello!</p>
</div>
<div id="test2"></div>
jQuery 代码:
$("div[id]")

结果：

[ <div id="test2"></div> ]

但是，我们要选择的是没有id的Div，那应该怎么写呢？

这时候，我们应该使用:not

$("div :not([id])")

 

原文：http://www.cnblogs.com/xuyuanjia/p/5720212.html

内容总结

以上是互联网集市为您收集整理的jQuery过滤选择器:not()方法使用介绍全部内容，希望文章能够帮你解决jQuery过滤选择器:not()方法使用介绍所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1050119.html

来源：【匿名】