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 相关文章推荐
JS网络游戏-(模拟城市webgame)提供的一些例子下载
Oct 14 Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
Sep 23 Javascript
js图片滚动效果时间可随意设定当鼠标移上去时停止
Jun 26 Javascript
JavaScript避免内存泄露及内存管理技巧
Sep 05 Javascript
node.js实现BigPipe详解
Dec 05 Javascript
js数组如何添加json数据及js数组与json的区别
Oct 27 Javascript
浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本注入
Jan 19 Javascript
微信小程序 progress组件详解及实例代码
Oct 25 Javascript
Vue 2.0的数据依赖实现原理代码简析
Jul 10 Javascript
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
vue配置font-awesome5的方法步骤
Jan 27 Javascript
JQuery表单元素取值赋值方法总结
May 12 jQuery
如何用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查看请求头信息获取远程图片大小的方法分享
2013/12/25 PHP
PHP基于CURL进行POST数据上传实例
2014/11/10 PHP
jQuery在IE下使用未闭合的xml代码创建元素时的Bug介绍
2012/01/10 Javascript
多个$(document).ready()的执行顺序实例分析
2014/07/26 Javascript
使用jQuery jqPlot插件绘制柱状图
2014/12/18 Javascript
JS实现的简单鼠标跟随DiV层效果完整实例
2015/10/31 Javascript
快速学习jQuery插件 Form表单插件使用方法
2015/12/01 Javascript
全面解析Bootstrap布局组件应用
2016/02/22 Javascript
jQuery实现百叶窗焦点图动画效果代码分享(附源码下载)
2016/03/14 Javascript
利用D3.js实现最简单的柱状图示例代码
2016/12/09 Javascript
详谈jQuery Ajax(load,post,get,ajax)的用法
2017/03/02 Javascript
详解如何在NodeJS项目中优雅的使用ES6
2017/04/22 NodeJs
jQuery Ajax向服务端传递数组参数值的实例代码
2017/09/03 jQuery
vue中echarts3.0自适应的方法
2018/02/26 Javascript
详解React-Router中Url参数改变页面不刷新的解决办法
2018/05/08 Javascript
Node.js命令行/批处理中如何更改Linux用户密码浅析
2018/07/22 Javascript
利用JavaScript的Map提升性能的方法详解
2019/08/14 Javascript
layui数据表格 table.render 报错的解决方法
2019/09/29 Javascript
[02:21]DOTA2英雄基础教程 蝙蝠骑士
2013/12/16 DOTA
在Python中操作字典之clear()方法的使用
2015/05/21 Python
Pandas统计重复的列里面的值方法
2019/01/30 Python
python实现批量注册网站用户的示例
2019/02/22 Python
python运用pygame库实现双人弹球小游戏
2019/11/25 Python
Python基于requests库爬取网站信息
2020/03/02 Python
python的json包位置及用法总结
2020/06/21 Python
Python爬虫教程之利用正则表达式匹配网页内容
2020/12/08 Python
CSS3 3D制作实战案例分析
2016/09/18 HTML / CSS
Mixbook加拿大:照片书,照片卡,剪贴簿,年历和日历
2017/02/21 全球购物
N.Peal官网:来自伦敦的高档羊绒品牌
2018/10/29 全球购物
市场营销职业生涯规划书范文
2014/01/12 职场文书
大学生自我鉴定书
2014/03/24 职场文书
车辆年审委托书范本
2014/09/18 职场文书
2015年毕业生自荐信范文
2015/03/24 职场文书
Nginx反向代理及负载均衡如何实现(基于linux)
2021/03/31 Servers
解决Pytorch修改预训练模型时遇到key不匹配的情况
2021/06/05 Python
在 Python 中利用 Pool 进行多线程
2022/04/24 Python