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 相关文章推荐
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
Mar 24 Javascript
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
Jun 12 Javascript
node.js调用C++开发的模块实例
Jul 03 Javascript
JavaScript对象数组的排序处理方法
Oct 21 Javascript
JS中对Cookie的操作详解
Aug 05 Javascript
AngularJs Modules详解及示例代码
Sep 01 Javascript
Vue.js系列之项目搭建(1)
Jan 03 Javascript
微信小程序页面传值实例分析
Apr 19 Javascript
页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)
Aug 29 Javascript
js实现可以点击收缩或张开的悬浮窗
Sep 18 Javascript
vue自定义全局组件(自定义插件)的用法
Jan 30 Javascript
小程序实现左右来回滚动字幕效果
Dec 28 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
基于文本的留言簿
2006/10/09 PHP
PHP实现邮件群发的源码
2013/06/18 PHP
具有时效性的php加密解密函数代码
2013/06/19 PHP
php通过分类列表产生分类树数组的方法
2015/04/20 PHP
也说JavaScript中String类的replace函数
2011/09/22 Javascript
基于jquery的文字向上跑动类似跑马灯的效果
2014/09/22 Javascript
Javascript基础_嵌入图像的简单实现
2016/06/14 Javascript
Angularjs结合Bootstrap制作的一个TODO List
2016/08/18 Javascript
jQuery实现智能判断固定导航条或侧边栏的方法
2016/09/04 Javascript
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
2016/11/30 Javascript
详解js的作用域、预解析机制
2018/02/05 Javascript
vue webpack实用技巧总结
2018/04/24 Javascript
nodejs用gulp管理前端文件方法
2018/06/24 NodeJs
微信小程序顶部导航栏滑动tab效果
2019/01/28 Javascript
JavaScript函数式编程(Functional Programming)箭头函数(Arrow functions)用法分析
2019/05/22 Javascript
JavaScript隐式类型转换代码实例
2020/05/29 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
2020/07/28 Javascript
vue中使用vue-pdf的方法详解
2020/09/05 Javascript
Python基于twisted实现简单的web服务器
2014/09/29 Python
详解Python实现按任意键继续/退出的功能
2016/08/19 Python
点球小游戏python脚本
2018/05/22 Python
Python实现动态添加属性和方法操作示例
2018/07/25 Python
python-opencv获取二值图像轮廓及中心点坐标的代码
2019/08/27 Python
解决pycharm 安装numpy失败的问题
2019/12/05 Python
使用keras实现densenet和Xception的模型融合
2020/05/23 Python
Python变量及数据类型用法原理汇总
2020/08/06 Python
scrapy redis配置文件setting参数详解
2020/11/18 Python
德国咖啡批发商:Coffeefair
2019/08/26 全球购物
北大青鸟学生求职信
2013/09/24 职场文书
计算机专业学生求职信分享
2013/12/15 职场文书
财务人员的自我评价范文
2014/03/03 职场文书
普通党员个人整改措施
2014/10/27 职场文书
2014年社区宣传工作总结
2014/12/02 职场文书
党员反四风学习心得体会
2016/01/22 职场文书
2016个人廉洁自律承诺书
2016/03/25 职场文书
JS前端使用canvas实现物体的点选示例
2022/08/05 Javascript