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


Posted in Javascript onApril 20, 2014

jQuery(':not(selector)')

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

<p >"a">sdfsdfs</p> 
<p >"b">sdfsdfs</p> 
<p >"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
Javascript 相关文章推荐
IE6中使用position导致页面变形的解决方案(js代码)
Jan 09 Javascript
jquery实现加载等待效果示例
Sep 25 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
Jun 23 Javascript
jQuery Validate表单验证插件 添加class属性形式的校验
Jan 18 Javascript
js简单时间比较的方法
Aug 02 Javascript
Node.js中.pfx后缀文件的处理方法
Mar 10 Javascript
JavaScript实现自动跳转文本功能
May 25 Javascript
基于 webpack2 实现的多入口项目脚手架详解
Jun 26 Javascript
mint-ui在vue中的使用示例
Apr 05 Javascript
JS实现同一DOM元素上onClick事件与onDblClick事件并存的解决方法
Jun 07 Javascript
vue安装和使用scss及sass与scss的区别详解
Oct 15 Javascript
javascript用defineProperty实现简单的双向绑定方法
Apr 03 Javascript
如何用jquery控制表格奇偶行及活动行颜色
Apr 20 #Javascript
jquery复选框checkbox实现删除前判断
Apr 20 #Javascript
使用jQuery异步加载 JavaScript脚本解决方案
Apr 20 #Javascript
js函数模拟显示桌面.scf程序示例
Apr 20 #Javascript
判断及设置浏览器全屏模式
Apr 20 #Javascript
js 实现浏览历史记录示例
Apr 20 #Javascript
jquery的trigger和triggerHandler的区别示例介绍
Apr 20 #Javascript
You might like
Drupal7 form表单二次开发要点与实例
2014/03/02 PHP
PHP编程计算两个时间段是否有交集的实现方法(不算边界重叠)
2017/05/30 PHP
window.open关于浏览器拦截问题分析及解决方法
2013/02/05 Javascript
AngularJS中处理多个promise的方式
2016/02/02 Javascript
js判断数组key是否存在(不用循环)的简单实例
2016/08/03 Javascript
jQGrid动态填充select下拉框的选项值(动态填充)
2016/11/28 Javascript
js 数据存储和DOM编程
2017/02/09 Javascript
详解JavaScript中js对象与JSON格式字符串的相互转换
2017/02/14 Javascript
Vue CLI3搭建的项目中路径相关问题的解决
2018/09/17 Javascript
vue 实现单选框设置默认选中值
2019/11/07 Javascript
jQuery轮播图功能制作方法详解
2019/12/03 jQuery
vue项目里面引用svg文件并给svg里面的元素赋值
2020/08/17 Javascript
[41:52]2018DOTA2亚洲邀请赛3月29日 小组赛A组 TNC VS OpTic
2018/03/30 DOTA
[01:00]一分钟回顾2018DOTA2亚洲邀请赛现场活动
2018/04/07 DOTA
python调用java模块SmartXLS和jpype修改excel文件的方法
2015/04/28 Python
Python中模块与包有相同名字的处理方法
2017/05/05 Python
python+selenium打印当前页面的titl和url方法
2018/06/22 Python
对python中的six.moves模块的下载函数urlretrieve详解
2018/12/19 Python
itchat-python搭建微信机器人(附示例)
2019/06/11 Python
python实现屏保程序(适用于背单词)
2019/07/30 Python
用python求一重积分和二重积分的例子
2019/12/06 Python
PyCharm中Matplotlib绘图不能显示UI效果的问题解决
2020/03/12 Python
python3 sorted 如何实现自定义排序标准
2020/03/12 Python
TensorFlow keras卷积神经网络 添加L2正则化方式
2020/05/22 Python
Keras 在fit_generator训练方式中加入图像random_crop操作
2020/07/03 Python
python爬取网易云音乐热歌榜实例代码
2020/08/07 Python
公安机关查摆剖析材料
2014/10/10 职场文书
工厂清洁工岗位职责
2015/02/14 职场文书
2015年安康杯竞赛活动总结
2015/03/26 职场文书
民事起诉状范文
2015/05/19 职场文书
呼啸山庄读书笔记
2015/06/29 职场文书
初中体育教学随笔
2015/08/15 职场文书
校园之声广播稿
2015/08/18 职场文书
2019年大学生职业生涯规划书
2019/03/25 职场文书
centos8安装MongoDB的详细过程
2021/10/24 MongoDB
Python采集爬取京东商品信息和评论并存入MySQL
2022/04/12 Python