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无限树状列表实现代码
Jan 11 Javascript
Node.js中使用Buffer编码、解码二进制数据详解
Aug 16 Javascript
indexOf 和 lastIndexOf 使用示例介绍
Sep 02 Javascript
JavaScript中的逻辑判断符&amp;&amp;、||与!介绍
Dec 31 Javascript
javascript等号运算符使用详解
Apr 16 Javascript
JS实现可点击展开与关闭的左侧广告代码
Sep 02 Javascript
jQuery中$.each()函数的用法引申实例
May 12 Javascript
简单的分页代码js实现
May 17 Javascript
javascript基础知识讲解
Jan 11 Javascript
创建简单的node服务器实例(分享)
Jun 23 Javascript
ES6知识点整理之对象解构赋值应用示例
Apr 17 Javascript
JS脚本实现定时到网站上签到/签退功能
Apr 22 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获取qq用户昵称和在线状态(实例分析)
2013/10/27 PHP
PHP屏蔽过滤指定关键字的方法
2014/11/03 PHP
浏览器无法运行JAVA脚本的解决方法
2008/01/09 Javascript
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
2011/06/28 Javascript
jquery 字符串切割函数substring的用法说明
2014/02/11 Javascript
firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误
2015/03/01 Javascript
javascript跨域原因以及解决方案分享
2015/04/08 Javascript
JS简单限制textarea内输入字符数量的方法
2015/10/14 Javascript
实例讲解javascript注册事件处理函数
2016/01/09 Javascript
AngularJS $http模块POST请求实现
2017/04/08 Javascript
使用jQuery实现鼠标点击左右按钮滑动切换
2017/08/04 jQuery
js判断文件类型大小并给出提示的实现方法
2018/01/03 Javascript
vue实现文件上传功能
2018/08/13 Javascript
bootstrap table列和表头对不齐的解决方法
2019/07/19 Javascript
Vue根据条件添加click事件的方式
2019/11/09 Javascript
JavaScript实现英语单词题库
2019/12/24 Javascript
Vue强制组件重新渲染的方法讨论
2020/02/03 Javascript
微信小程序整个页面的自动适应布局的实现
2020/07/12 Javascript
解决Vue项目中tff报错的问题
2020/10/21 Javascript
[02:36]DOTA2亚洲邀请赛小组赛精彩集锦:奇迹哥卡尔秀翻全场
2017/03/28 DOTA
[01:12:53]完美世界DOTA2联赛PWL S2 Forest vs SZ 第一场 11.25
2020/11/26 DOTA
python基础教程之简单入门说明(变量和控制语言使用方法)
2014/03/25 Python
Centos 升级到python3后pip 无法使用的解决方法
2018/06/12 Python
基于Python List的赋值方法
2018/06/23 Python
python 读取Linux服务器上的文件方法
2018/12/27 Python
详解Python静态网页爬取获取高清壁纸
2019/04/23 Python
Python 线性回归分析以及评价指标详解
2020/04/02 Python
pycharm 代码自动补全的实现方法(图文)
2020/09/18 Python
SEPHORA丝芙兰捷克官网:购买香水、化妆品和护肤品
2018/11/26 全球购物
JDO的含义
2012/11/17 面试题
关于逃课的检讨书
2014/01/23 职场文书
项目施工员岗位职责
2014/03/09 职场文书
请假条范文大全
2014/04/10 职场文书
经销商年会策划方案
2014/05/29 职场文书
2014年财务经理工作总结
2014/12/08 职场文书
安全员岗位职责
2015/02/10 职场文书