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 相关文章推荐
FileUpload 控件 禁止手动输入或粘贴的实现代码
Apr 07 Javascript
JS.GetAllChild(element,deep,condition)使用介绍
Sep 21 Javascript
js动态创建及移除div的方法
Jun 03 Javascript
JS实现带有3D立体感的银灰色竖排折叠菜单代码
Oct 20 Javascript
JS 对象(Object)和字符串(String)互转方法
May 20 Javascript
[原创]javascript typeof id==='string'?document.getElementById(id):id解释
Nov 02 Javascript
AngularJS实现路由实例
Feb 12 Javascript
JavaScript寄生组合式继承实例详解
Jan 06 Javascript
基于vue2.0实现仿百度前端分页效果附实现代码
Oct 30 Javascript
微信小程序判断页面是否从其他页面返回的实例代码
Jul 03 Javascript
Vue项目中使用WebUploader实现文件上传的方法
Jul 21 Javascript
express框架下使用session的方法
Jul 31 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
用Apache反向代理设置对外的WWW和文件服务器
2006/10/09 PHP
解析yahoo邮件用phpmailer发送的实例
2013/06/24 PHP
ThinkPHP框架设计及扩展详解
2014/11/25 PHP
php需登录的文件上传管理系统
2020/03/21 PHP
js加解密 脚本解密
2008/02/22 Javascript
Extjs Ext.MessageBox.confirm 确认对话框详解
2010/04/02 Javascript
Google排名中的10个最著名的 JavaScript库
2010/04/27 Javascript
jQuery EasyUI API 中文文档 - Form表单
2011/10/06 Javascript
jQuery在IE下使用未闭合的xml代码创建元素时的Bug介绍
2012/01/10 Javascript
Extjs4 GridPanel的主要配置参数详细介绍
2013/04/18 Javascript
如何使用Javascript获取距今n天前的日期
2013/07/08 Javascript
js 文本滚动效果的实例代码
2013/08/17 Javascript
详细分析JavaScript函数定义
2015/07/16 Javascript
javascript中利用柯里化函数实现bind方法【推荐】
2016/04/29 Javascript
js实现百度地图定位于地址逆解析,显示自己当前的地理位置
2016/12/08 Javascript
bootstrapValidator.min.js表单验证插件
2017/02/09 Javascript
详解利用 Express 托管静态文件的方法
2017/09/18 Javascript
微信小程序模拟cookie的实现
2018/06/20 Javascript
vue读取本地的excel文件并显示在网页上方法示例
2019/05/29 Javascript
VUE+elementui面包屑实现动态路由详解
2019/11/04 Javascript
vue移动端写的拖拽功能示例代码
2020/09/09 Javascript
python开发之函数定义实例分析
2015/11/12 Python
开源软件包和环境管理系统Anaconda的安装使用
2017/09/04 Python
Python文件操作之合并文本文件内容示例代码
2017/09/19 Python
Python基于xlrd模块操作Excel的方法示例
2018/06/21 Python
Python实现图片拼接的代码
2018/07/02 Python
CentOS 7 安装python3.7.1的方法及注意事项
2018/11/01 Python
python 已知平行四边形三个点,求第四个点的案例
2020/04/12 Python
scrapy头部修改的方法详解
2020/12/06 Python
美国男女折扣服饰百货连锁店:Stein Mart
2017/05/02 全球购物
函授本科毕业自我鉴定
2013/10/09 职场文书
英语专业学生个人求职信范文
2014/01/06 职场文书
户外用品商店创业计划书
2014/01/29 职场文书
初中三好学生自我鉴定
2014/04/07 职场文书
高中运动会广播稿
2014/09/16 职场文书
解除劳动合同协议书
2014/09/17 职场文书