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 相关文章推荐
发现的以前不知道的函数
Sep 19 Javascript
JavaScript的public、private和privileged模式
Dec 28 Javascript
SWFObject 2.1以上版本语法介绍
Jul 10 Javascript
常见效果实现之返回顶部(结合淡入、淡出、减速滚动)
Jan 04 Javascript
深入理解JavaScript系列(10) JavaScript核心(晋级高手必读篇)
Jan 15 Javascript
JS通过相同的name进行表格求和代码
Aug 18 Javascript
js判断日期时间有效性的方法
Oct 24 Javascript
Node.js操作mysql数据库增删改查
Mar 30 Javascript
Bootstrap按钮下拉菜单组件详解
May 10 Javascript
JavaScript静态作用域和动态作用域实例详解
Jun 17 Javascript
详解 javascript对象创建模式
Oct 30 Javascript
vue中的计算属性和侦听属性
Nov 06 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
php写的AES加密解密类分享
2014/06/20 PHP
PHP实现懒加载的方法
2015/03/07 PHP
你应该知道PHP浮点数知识
2015/05/13 PHP
浅析php设计模式之数据对象映射模式
2016/03/03 PHP
PHP查询附近的人及其距离的实现方法
2016/05/11 PHP
PHP实现APP微信支付的实例讲解
2018/02/10 PHP
javascript实现的网页局布刷新效果
2008/12/01 Javascript
MC Dialog js弹出层 完美兼容多浏览器(5.6更新)
2010/05/06 Javascript
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
2011/07/26 Javascript
jQuery实现新消息闪烁标题提示的方法
2015/03/11 Javascript
JS实现获取键盘按下的按键并显示在页面上的方法
2015/11/04 Javascript
jquery $.trim()去除字符串空格的实现方法【附图例】
2016/03/30 Javascript
JavaScript解八皇后问题的方法总结
2016/06/12 Javascript
ES6中参数的默认值语法介绍
2017/05/03 Javascript
微信小程序实现全国机场索引列表
2018/01/31 Javascript
浅谈vue 单文件探索
2018/09/05 Javascript
Nginx设置为Node.js的前端服务器方法总结
2019/03/27 Javascript
微信小程序去除左上角返回键的实现方法
2020/03/06 Javascript
Vue的全局过滤器和私有过滤器的实现
2020/04/20 Javascript
js实现淘宝浏览商品放大镜功能
2020/10/28 Javascript
简单了解python元组tuple相关原理
2019/12/02 Python
详解Python中字符串前“b”,“r”,“u”,“f”的作用
2019/12/18 Python
详解python itertools功能
2020/02/07 Python
Jupyter 无法下载文件夹如何实现曲线救国
2020/04/22 Python
HTML5 video 上传预览图片视频如何设置、预览视频某秒的海报帧
2018/08/28 HTML / CSS
德国家具在线:Fashion For Home
2017/03/11 全球购物
Myprotein比利时官方网站:欧洲第一运动营养品牌
2020/10/04 全球购物
Linux上比较文件的命令都有哪些
2012/02/24 面试题
医药代表个人求职信范本
2013/12/19 职场文书
军训教官感言
2014/03/02 职场文书
2014年体育工作总结
2014/11/24 职场文书
2014年大学教师工作总结
2014/12/02 职场文书
大学校园餐饮创业计划书
2019/08/07 职场文书
Python趣味挑战之教你用pygame画进度条
2021/05/31 Python
关于CSS浮动与取消浮动的问题
2021/06/28 HTML / CSS
详解CSS3.0(Cascading Style Sheet) 层叠级联样式表
2021/07/16 HTML / CSS