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 相关文章推荐
使用jQuery插件创建常规模态窗口登陆效果
Aug 23 Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
Oct 15 Javascript
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
Aug 12 Javascript
Node.js中用D3.js的方法示例
Jan 16 Javascript
JavaScript中匿名函数的递归调用
Jan 22 Javascript
vuejs手把手教你写一个完整的购物车实例代码
Jul 06 Javascript
echarts设置图例颜色和地图底色的方法实例
Aug 01 Javascript
vue实现点击选中,其他的不选中方法
Sep 05 Javascript
前端防止用户重复提交js实现代码示例
Sep 07 Javascript
如何写好一个vue组件,老夫的一年经验全在这了(推荐)
May 18 Javascript
vue使用codemirror的两种用法
Aug 27 Javascript
详解Vue中的Props与Data细微差别
Mar 02 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
用PHP实现的四则运算表达式计算实现代码
2011/08/02 PHP
JS获取scrollHeight问题想到的标准问题
2007/05/27 Javascript
js 表单提交后按钮变灰的实例代码
2013/08/16 Javascript
把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数
2014/07/29 Javascript
jQuery标签替换函数replaceWith()的使用例子
2014/08/28 Javascript
浅谈jQuery中replace()方法
2015/05/13 Javascript
JS控件bootstrap suggest plugin使用方法详解
2017/03/25 Javascript
Vue.js 中的 $watch使用方法
2017/05/25 Javascript
JS加密插件CryptoJS实现的Base64加密示例
2020/08/16 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
2018/09/17 Javascript
手挽手带你学React之React-router4.x的使用
2019/02/14 Javascript
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
2019/05/08 Javascript
微信小程序云开发之模拟后台增删改查
2019/05/16 Javascript
layer.open 获取不到表单信息的解决方法
2019/09/26 Javascript
微信小程序学习总结(四)事件与冒泡实例分析
2020/06/04 Javascript
uniapp电商小程序实现订单30分钟倒计时
2020/11/01 Javascript
Javascript中window.name属性详解
2020/11/19 Javascript
深入探究Django中的Session与Cookie
2017/07/30 Python
Python利用字典将两个通讯录文本合并为一个文本实例
2018/01/16 Python
Flask模拟实现CSRF攻击的方法
2018/07/24 Python
Python设计模式之抽象工厂模式原理与用法详解
2019/01/15 Python
django富文本编辑器的实现示例
2019/04/10 Python
Python中实现输入超时及如何通过变量获取变量名
2020/01/18 Python
python 对xml解析的示例
2021/02/27 Python
HTML5 Canvas画线技巧——实现绘制一个像素宽的细线
2013/08/02 HTML / CSS
HTML5播放实现rtmp流直播
2020/06/16 HTML / CSS
韩语专业本科生求职信
2013/10/01 职场文书
大专生简历的自我评价
2013/11/26 职场文书
先进个人获奖感言
2014/01/24 职场文书
会计顶岗实习心得
2014/01/25 职场文书
宿舍保安职务说明书
2014/02/25 职场文书
公司会议开幕词
2015/01/29 职场文书
青年文明号创建口号大全
2015/12/25 职场文书
2016中秋晚会开幕词
2016/03/03 职场文书
Spring Cache和EhCache实现缓存管理方式
2021/06/15 Java/Android
使用 CSS 构建强大且酷炫的粒子动画效果
2022/08/14 HTML / CSS