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实现维吉尼亚(Vigenere)密码算法实例
Nov 22 Javascript
js调用后台、后台调用前台等方法总结
Apr 17 Javascript
基于javascript的COOkie的操作实现只能点一次
Dec 26 Javascript
jQuery中insertBefore()方法用法实例
Jan 08 Javascript
jQuery里filter()函数与find()函数用法分析
Jun 24 Javascript
浅谈angular2 组件的生命周期钩子
Aug 12 Javascript
详解bootstrap用dropdown-menu实现上下文菜单
Sep 22 Javascript
使用vuex缓存数据并优化自己的vuex-cache
May 30 Javascript
layui异步加载table表中某一列数据的例子
Sep 16 Javascript
原生js实现随机点餐效果
Dec 10 Javascript
JavaScript实现放大镜效果代码示例
Apr 29 Javascript
Vue全局使用less样式,组件使用全局样式文件中定义的变量操作
Oct 21 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版(2)
2006/10/09 PHP
php 将excel导入mysql
2009/11/09 PHP
PHP中改变图片的尺寸大小的代码
2011/07/17 PHP
深入了解PHP中的Array数组和foreach
2016/11/06 PHP
visual studio code 调试php方法(图文详解)
2017/09/15 PHP
laravel实现简单用户权限的示例代码
2019/05/28 PHP
javascript动画浅析
2012/08/30 Javascript
JavaScript 对任意元素,自定义右键菜单的实现方法
2013/05/08 Javascript
Javascript中string转date示例代码
2013/11/01 Javascript
js动态修改input输入框的type属性(实现方法解析)
2013/11/13 Javascript
JavaScript将页面表格导出为Excel的具体实现
2013/12/27 Javascript
JavaScript中DOM详解
2015/04/13 Javascript
详解jQuery移动页面开发中的ui-grid网格布局使用
2015/12/03 Javascript
原生js实现jquery函数animate()动画效果的简单实例
2016/08/21 Javascript
js实现会跳动的日历效果(完整实例)
2017/10/18 Javascript
解决Linux无法正常安装与卸载Node.js的方法
2018/01/19 Javascript
小程序登录/注册页面设计的实现代码
2019/05/24 Javascript
解决layer弹出层的内容页点击按钮跳转到新的页面问题
2019/09/14 Javascript
js实现图片跟随鼠标移动效果
2019/10/16 Javascript
vue实践---根据不同环境,自动转换请求的url地址操作
2020/09/21 Javascript
[03:40]DOTA2英雄梦之声_第01期_炼金术士
2014/06/23 DOTA
[01:05:30]VP vs TNC 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python使用urllib模块的urlopen超时问题解决方法
2014/11/08 Python
python实现合并两个排序的链表
2019/03/03 Python
TensorFlow:将ckpt文件固化成pb文件教程
2020/02/11 Python
html5组织内容_动力节点Java学院整理
2017/07/10 HTML / CSS
努比亚手机官网:nubia
2016/10/06 全球购物
基层工作经历证明
2014/01/13 职场文书
校园安全广播稿
2014/02/08 职场文书
大学生军训感想
2014/02/16 职场文书
售后客服个人自我评价
2014/09/14 职场文书
2014年电教工作总结
2014/12/19 职场文书
狮子林导游词
2015/02/03 职场文书
公司财务经理岗位职责
2015/04/08 职场文书
python glom模块的使用简介
2021/04/13 Python
Nginx防盗链与服务优化配置的全过程
2022/01/18 Servers