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 相关文章推荐
jquery validator 插件增加日期比较方法
Feb 21 Javascript
javascript下数值型比较难点说明
Jun 07 Javascript
原生js实现shift/ctrl/alt按键的获取
Apr 08 Javascript
使用jquery hover事件实现表格的隔行换色功能示例
Sep 03 Javascript
简单常用的幻灯片播放实现代码
Sep 25 Javascript
javascript计算用户打开网页的停留时间
Jan 09 Javascript
jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
Jun 28 Javascript
解决Vue2.0中使用less给元素添加背景图片出现的问题
Sep 03 Javascript
vue中的计算属性实例详解
Sep 19 Javascript
脚手架vue-cli工程webpack的作用和特点
Sep 29 Javascript
微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能
Dec 06 Javascript
vue 实现根据data中的属性值来设置不同的样式
Aug 04 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
Oracle Faq(Oracle的版本)
2006/10/09 PHP
mysql limit查询优化分析
2008/11/12 PHP
PHP管理内存函数 memory_get_usage()使用介绍
2012/09/23 PHP
将FCKeditor导入PHP+SMARTY的实现方法
2015/01/15 PHP
PHP中模拟链表和链表的基本操作示例
2016/02/27 PHP
PHP使用curl函数发送Post请求的注意事项
2016/11/26 PHP
vue.js指令v-for使用及索引获取
2016/11/03 Javascript
自定义require函数让浏览器按需加载Js文件
2016/11/24 Javascript
微信小程序Server端环境配置详解(SSL, Nginx HTTPS,TLS 1.2 升级)
2017/01/12 Javascript
javascript观察者模式实现自动刷新效果
2017/09/05 Javascript
jQuery EasyUI 折叠面板accordion的使用实例(分享)
2017/12/25 jQuery
vue cli2.0单页面title修改方法
2018/06/07 Javascript
JavaScript使用indexOf()实现数组去重的方法分析
2018/09/04 Javascript
js如何获取访问IP、地区、当前操作浏览器
2019/07/23 Javascript
微信小程序 数据缓存实现方法详解
2019/08/26 Javascript
Vue实现跑马灯效果
2020/05/25 Javascript
[06:38]DOTA2怒掀电竞风暴 2013Chinajoy
2013/07/27 DOTA
[01:03:51]2018DOTA2亚洲邀请赛 4.7 淘汰赛 VP vs LGD 第三场
2018/04/09 DOTA
学习python处理python编码问题
2011/03/13 Python
python 列表降维的实例讲解
2018/06/28 Python
Python并发:多线程与多进程的详解
2019/01/24 Python
Python 读取有公式cell的结果内容实例方法
2020/02/17 Python
Python3如何在Windows和Linux上打包
2020/02/25 Python
python去除删除数据中\u0000\u0001等unicode字符串的代码
2020/03/06 Python
python request 模块详细介绍
2020/11/10 Python
Diamondback自行车:拥有你的冒险
2019/04/22 全球购物
SQL SERVER面试资料
2013/03/30 面试题
音乐表演专业毕业生求职信
2013/10/14 职场文书
奶茶店创业计划书范文
2014/01/17 职场文书
保险公司年会主持词
2014/03/22 职场文书
小学校园文化建设汇报材料
2014/08/19 职场文书
大学生感恩父母演讲稿
2014/08/28 职场文书
幼儿园家长工作总结2015
2015/04/25 职场文书
某某幼儿园的教育教学管理调研分析报告
2019/11/29 职场文书
Nginx同一个域名配置多个项目的实现方法
2021/03/31 Servers
前端监听websocket消息并实时弹出(实例代码)
2021/11/27 Javascript