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 相关文章推荐
非常漂亮的JS代码经典广告
Oct 21 Javascript
JS获取网页属性包括宽、高等等
Apr 03 Javascript
wap浏览自动跳转到wap页面的js代码
May 17 Javascript
jQuery ajax分页插件实例代码
Jan 27 Javascript
深入理解jquery中extend的实现
Dec 22 Javascript
jquery编写日期选择器
Mar 16 Javascript
学习使用Bootstrap输入框、导航、分页等常用组件
May 11 Javascript
vue中如何创建多个ueditor实例教程
Nov 14 Javascript
Vue中render方法的使用详解
Jan 26 Javascript
JavaScript中字符串的常用操作方法及特殊字符
Mar 18 Javascript
JS实现简单的点赞与踩功能示例
Dec 05 Javascript
Vuex modules模式下mapState/mapMutations的操作实例
Oct 17 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 syntax error, unexpected $end 错误的一种原因及解决
2008/10/25 PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
2017/08/30 PHP
三个思路解决laravel上传文件报错:413 Request Entity Too Large问题
2017/11/13 PHP
jquery foreach使用示例
2013/09/12 Javascript
jquery中$(#form :input)与$(#form input)的区别
2014/08/18 Javascript
推荐一个自己用的封装好的javascript插件
2015/01/29 Javascript
JS获取下拉框显示值和判断单选按钮的方法
2015/07/09 Javascript
谈谈JavaScript中function多重理解
2015/08/28 Javascript
Javascript函数式编程语言
2015/10/11 Javascript
D3.js实现文本的换行详解
2016/10/14 Javascript
基于vue实现swipe轮播组件实例代码
2017/05/24 Javascript
js核心基础之构造函数constructor用法实例分析
2019/05/11 Javascript
JavaScript中callee和caller的区别与用法实例分析
2019/06/28 Javascript
Node.js利用Express实现用户注册登陆功能(推荐)
2020/10/26 Javascript
深入讲解Python中面向对象编程的相关知识
2015/05/25 Python
一张图带我们入门Python基础教程
2017/02/05 Python
python根据unicode判断语言类型实例代码
2018/01/17 Python
python3使用SMTP发送HTML格式邮件
2018/06/19 Python
基于Python3.6+splinter实现自动抢火车票
2018/09/25 Python
python变量赋值方法(可变与不可变)
2019/01/12 Python
Python求解排列中的逆序数个数实例
2020/05/03 Python
Python压缩模块zipfile实现原理及用法解析
2020/08/14 Python
Python基于locals返回作用域字典
2020/10/17 Python
Python使用Pygame绘制时钟
2020/11/29 Python
Python 实现PS滤镜中的径向模糊特效
2020/12/03 Python
岗位聘任书范文
2014/03/29 职场文书
大班上学期幼儿评语
2014/04/30 职场文书
党日活动总结
2014/05/07 职场文书
小学生五年级大队长竞选发言稿
2014/09/12 职场文书
生产工厂门卫岗位职责
2014/09/26 职场文书
2014房屋登记授权委托书
2014/10/13 职场文书
2014村书记党建工作汇报材料
2014/11/02 职场文书
2014年班组工作总结
2014/11/20 职场文书
基层党支部承诺书
2015/04/30 职场文书
小学六年级毕业感言
2015/07/30 职场文书
Python可视化学习之seaborn调色盘
2022/02/24 Python