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将表单导出成EXCEL的实例代码
Nov 11 Javascript
中文输入法不触发onkeyup事件的解决办法
Jul 09 Javascript
JavaScript中伪协议 javascript:使用探讨
Jul 18 Javascript
JavaScript三元运算符的多种使用技巧
Apr 16 Javascript
jquery拖拽排序简单实现方法(效果增强版)
Feb 16 Javascript
VueJs与ReactJS和AngularJS的异同点
Dec 12 Javascript
微信小程序(三):网络请求
Jan 13 Javascript
JavaScript字符串检索字符的方法
Jun 23 Javascript
JS实现的简单表单验证功能完整实例
Oct 14 Javascript
解决vue select当前value没有更新到vue对象属性的问题
Aug 30 Javascript
Vue项目引发的「过滤器」使用教程
Mar 12 Javascript
Vue2.x-使用防抖以及节流的示例
Mar 02 Vue.js
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面向对象与面向过程两种方法给图片添加文字水印
2015/08/26 PHP
Javascript和Ajax中文乱码吐血版解决方案
2009/12/21 Javascript
33个优秀的jQuery 教程分享(幻灯片、动画菜单)
2011/07/08 Javascript
如何使用Javascript正则表达式来格式化XML内容
2013/07/04 Javascript
js关于精确计算和数值格式化以及直接引js文件
2014/01/28 Javascript
jQuery给多个不同元素添加class样式的方法
2015/03/26 Javascript
js获取当前日期时间及其它操作汇总
2015/04/17 Javascript
尝试动手制作javascript放大镜效果
2015/12/25 Javascript
JavaScript操作表单实例讲解(上)
2016/06/20 Javascript
利用Jquery实现几款漂亮实用的时间轴(附示例代码)
2017/02/15 Javascript
js实现手机发送验证码功能
2017/03/13 Javascript
深入理解ES6之数据解构的用法
2018/01/13 Javascript
微信小程序实现人脸识别登陆的示例代码
2019/04/02 Javascript
layui type2 通过url给iframe子页面传值的例子
2019/09/06 Javascript
基于layui轮播图满屏是高度自适应的解决方法
2019/09/16 Javascript
javascript实现倒计时效果
2020/02/17 Javascript
[02:44]DOTA2英雄基础教程 魅惑魔女
2014/01/07 DOTA
利用python生成一个导出数据库的bat脚本文件的方法
2016/12/30 Python
python实现单线程多任务非阻塞TCP服务端
2017/06/13 Python
详解Python中is和==的区别
2019/03/21 Python
pyqt5 实现多窗口跳转的方法
2019/06/19 Python
python算法与数据结构之单链表的实现代码
2019/06/27 Python
python模拟键盘输入 切换键盘布局过程解析
2019/08/15 Python
django连接oracle时setting 配置方法
2019/08/29 Python
Pytorch之view及view_as使用详解
2019/12/31 Python
python 中的paramiko模块简介及安装过程
2020/02/29 Python
python 自定义异常和主动抛出异常(raise)的操作
2020/12/11 Python
pytorch 计算Parameter和FLOP的操作
2021/03/04 Python
《有趣的发现》教学反思
2014/04/15 职场文书
运动会广播稿200字(10篇)
2014/10/12 职场文书
走群众路线学习笔记
2014/11/06 职场文书
高三毕业感言
2015/07/30 职场文书
Python绘制地图神器folium的新人入门指南
2021/05/23 Python
MySQL中的布尔值,怎么存储false或true
2021/06/04 MySQL
mysql 如何获取两个集合的交集/差集/并集
2021/06/08 MySQL
python缺失值填充方法示例代码
2022/12/24 Python