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 解析Json字符串的性能比较分析代码
Dec 16 Javascript
jQuery 源码分析笔记(4) Ready函数
Jun 02 Javascript
在javascript中如何得到中英文混合字符串的长度
Jan 17 Javascript
javascript实现显示和隐藏div方法汇总
Aug 14 Javascript
详解AngularJS1.x学习directive 中‘&amp; ’‘=’ ‘@’符号的区别使用
Aug 23 Javascript
JavaScript 数组的进化与性能分析
Sep 18 Javascript
vue中的$emit 与$on父子组件与兄弟组件的之间通信方式
May 13 Javascript
jquery.pagination.js分页使用教程
Oct 23 jQuery
详解Nuxt.js中使用Element-UI填坑
Sep 06 Javascript
你可能从未使用过的11+个JavaScript特性(小结)
Jan 08 Javascript
详解js中的原型,原型对象,原型链
Jul 16 Javascript
查找Vue中下标的操作(some和findindex)
Aug 12 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
打造计数器DIY三步曲(中)
2006/10/09 PHP
第六节--访问属性和方法
2006/11/16 PHP
php正则校验用户名介绍
2008/07/19 PHP
PHP和Mysqlweb应用开发核心技术-第1部分 Php基础-2 php语言介绍
2011/07/03 PHP
深入解析PHP垃圾回收机制对内存泄露的处理
2013/06/14 PHP
php带抄送和密件抄送的邮件发送方法
2015/03/20 PHP
PHP简单数据库操作类实例【支持增删改查及链式操作】
2016/10/10 PHP
laravel中命名路由的使用方法
2017/02/24 PHP
PHP机器学习库php-ml的简单测试和使用方法
2017/07/14 PHP
PHP上传文件及图片到七牛的方法
2018/07/25 PHP
JavaScript 应用类库代码
2008/06/02 Javascript
来自国外的页面JavaScript文件优化
2010/12/08 Javascript
Jquery刷新页面背景图片随机变换的实现方法
2013/03/15 Javascript
Jquery 点击按钮自动高亮实现原理及代码
2014/04/25 Javascript
Javascript基础教程之比较操作符
2015/01/18 Javascript
浅析2种JavaScript继承方式
2015/12/04 Javascript
jquery UI Datepicker时间控件的使用及问题解决
2016/04/28 Javascript
mpvue开发音频类小程序踩坑和建议详解
2019/03/12 Javascript
Vue 3.x+axios跨域方案的踩坑指南
2019/07/04 Javascript
JS轮播图的实现方法
2020/08/24 Javascript
Python pass 语句使用示例
2014/03/11 Python
使用python的pexpect模块,实现远程免密登录的示例
2019/02/14 Python
Django框架自定义session处理操作示例
2019/05/27 Python
Jupyter安装链接aconda实现过程图解
2020/11/02 Python
Python爬虫定时计划任务的几种常见方法(推荐)
2021/01/15 Python
如何用 Python 制作 GitHub 消息助手
2021/02/20 Python
购买200个世界上最好的内衣品牌:Bare Necessities
2017/02/11 全球购物
Wojas罗马尼亚网站:波兰皮鞋品牌
2018/11/01 全球购物
error和exception有什么区别
2012/10/02 面试题
高中生期末评语
2014/01/28 职场文书
课例研修方案
2014/05/31 职场文书
仓库统计员岗位职责
2015/04/14 职场文书
解读MySQL的客户端和服务端协议
2021/05/10 MySQL
springboot+VUE实现登录注册
2021/05/27 Vue.js
python cv2图像质量压缩的算法示例
2021/06/04 Python
win10键盘驱动怎么修复?Win10键盘驱动修复小技巧
2022/04/06 数码科技