jquery选择器排除某个DOM元素的方法(实例演示)


Posted in Javascript onApril 25, 2014

jquery选择器众多,使用选取某个DOM的方法有很多种,如何在选取的某个元素集上面做一些排除呢?下面通过几个实例说明:

1.选择所有的img元素,排除class=phpernote的元素的个数:

$('img:not(.phpernote)').length();//或者$('img').not('.phpernote').length();

2.获取id=phpernote下面所有没有class=com的li元素的个数
$('#phpernote li:not(.com)').size();//或者$('#phpernote li').not('.com').length();

3.设置id=phpernote下面所有奇数行的li元素的背景
$('#phpernote li').not(':even').css('background-color', 'red');

附实例:jQuery中排除指定元素,同时选择剩下的所有元素

场景:某页面用了js延时加载技术处理所有图片,以改善用户体验,但是有几个图片不想延时加载,要求把它们单独挑出来。
研究了一下jQuery的API文档,搞掂了,jQuery真的很方便,贴在这里备份:

<!doctype html>
<html>
 <head>
  <title>菩提树下的杨过</title>
  <script type="text/javascript" src="http://img.24city.com/js/jquery-1.4.3.min.js"></script>
  <script type="text/javascript">
   $().ready(function(){
    $("div:not([delay='false'])").css("color","#f00"); 
   })
  </script>
 </head>
 <body>
  <div>div 1</div>
  <div delay="false">div 2</div>
  <div>div 3</div>
 </body>
</html>

上面的代码,将把有附加属性"delay",且等于"false"的div排除掉,然后把剩下的div全选中,并设置为红色字体。
Javascript 相关文章推荐
javascript js cookie的存储,获取和删除
Dec 29 Javascript
JavaScript效率调优经验
Jun 04 Javascript
Javascript String.replace的妙用
Sep 08 Javascript
JS连连看源码完美注释版(推荐)
Dec 09 Javascript
jQuery实现鼠标划过修改样式的方法
Apr 14 Javascript
BootStrap selectpicker
Jun 20 Javascript
微信小程序小组件 基于Canvas实现直播点赞气泡效果
May 29 Javascript
详解Vue微信公众号开发踩坑全记录
Aug 21 Javascript
tween.js缓动补间动画算法示例
Feb 13 Javascript
webpack+react+antd脚手架优化的方法
Apr 02 Javascript
vue ssr 实现方式(学习笔记)
Jan 18 Javascript
js实现简单扫雷
Nov 27 Javascript
js动态移动滚动条至底部示例代码
Apr 24 #Javascript
javaScript如何处理从java后台返回的list
Apr 24 #Javascript
jquery如何扑捉回车键触发的事件
Apr 24 #Javascript
用unescape反编码得出汉字示例
Apr 24 #Javascript
标题过长使用javascript按字节截取字符串
Apr 24 #Javascript
JS对img标签进行优化使用onerror显示默认图像
Apr 24 #Javascript
原生javascript模仿win8等待提示圆圈进度条
Apr 24 #Javascript
You might like
windows下开发并编译PHP扩展的方法
2011/03/18 PHP
php中删除字符串中最先出现某个字符的实现代码
2013/02/03 PHP
PHP中对各种加密算法、Hash算法的速度测试对比代码
2014/07/08 PHP
php+ajax登录跳转登录实现思路
2016/07/31 PHP
PHP Web表单生成器案例分析
2020/06/02 PHP
基于jQuery的日期选择控件
2009/10/27 Javascript
jQuery 选择器理解
2010/03/16 Javascript
兼容IE与firefox火狐的回车事件(js与jquery)
2010/10/20 Javascript
JavaScript高级程序设计 学习笔记 js高级技巧
2011/09/20 Javascript
javascript针对DOM的应用分析(四)
2012/04/15 Javascript
Javascript验证上传图片大小[前台处理]
2014/07/18 Javascript
js代码实现随机颜色的小方块
2015/07/30 Javascript
JavaScript每天必学之数组和对象部分
2016/09/17 Javascript
js微信扫描二维码登录网站技术原理
2016/12/01 Javascript
根据输入邮箱号跳转到相应登录地址的解决方法
2016/12/13 Javascript
微信小程序访问node.js接口服务器搭建教程
2017/04/25 Javascript
vue实现自定义日期组件功能的实例代码
2018/11/06 Javascript
详解如何在Node.js的httpServer中接收前端发送的arraybuffer数据
2018/11/11 Javascript
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
2019/06/19 Javascript
Python判断文件和文件夹是否存在的方法
2015/05/21 Python
对Python的Django框架中的项目进行单元测试的方法
2016/04/11 Python
Python3使用requests发闪存的方法
2016/05/11 Python
解决已经安装requests,却依然提示No module named requests问题
2018/05/18 Python
python3中关于excel追加写入格式被覆盖问题(实例代码)
2020/01/10 Python
工程师自我评价怎么写
2013/09/19 职场文书
酒店服务实习自我鉴定
2013/09/22 职场文书
优秀员工自荐书范文
2013/12/08 职场文书
外语系毕业生自荐信范文
2013/12/16 职场文书
酒店门卫岗位职责
2013/12/29 职场文书
第二课堂活动总结
2014/05/07 职场文书
2015年资料员工作总结
2015/04/25 职场文书
班级联欢会主持词
2015/07/03 职场文书
谢师宴家长致辞
2015/07/27 职场文书
pycharm2021激活码使用教程(永久激活亲测可用)
2021/03/30 Python
Python基础之tkinter图形化界面学习
2021/04/29 Python
Django基础CBV装饰器和中间件
2022/03/22 Python