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 数组排序函数sort和reverse使用介绍
Nov 21 Javascript
jqgrid 表格数据导出实例
Nov 21 Javascript
js实现单行文本向上滚动效果实例代码
Nov 28 Javascript
判断文件是否正在被使用的JS代码
Dec 21 Javascript
jquery马赛克拼接翻转效果代码分享
Aug 24 Javascript
浅析jQuery移动开发中内联按钮和分组按钮的编写
Dec 04 Javascript
javascript基础知识分享之类与函数化
Feb 13 Javascript
微信小程序 loading 详解及实例代码
Nov 09 Javascript
javascript中href和replace的比较(详解)
Nov 25 Javascript
vue 表单输入格式化中文输入法异常问题
May 30 Javascript
vue3.0 CLI - 2.1 -  component 组件入门教程
Sep 14 Javascript
Vue中的$set的使用实例代码
Oct 08 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 5.3.0 安装分析心得
2009/08/07 PHP
php实现复制移动文件的方法
2015/07/29 PHP
PHP结合Mysql数据库实现留言板功能
2016/03/04 PHP
在PHP 7下安装Swoole与Yar,Yaf的方法教程
2017/06/02 PHP
使用PHPWord生成word文档的方法详解
2019/06/06 PHP
文字幻灯片
2006/06/26 Javascript
JQuery 前台切换网站的样式实现
2009/06/22 Javascript
javascript弹出拖动窗口
2015/08/11 Javascript
js实现具有高亮显示效果的多级菜单代码
2015/09/01 Javascript
jQuery实现拖动剪裁图片作为头像
2016/12/28 Javascript
JS数组返回去重后数据的方法解析
2017/01/03 Javascript
Reactjs实现通用分页组件的实例代码
2017/01/19 Javascript
jQuery中常用动画效果函数知识点整理
2018/08/19 jQuery
jQuery实现为table表格动态添加或删除tr功能示例
2019/02/19 jQuery
详解一个小实例理解js原型和继承
2019/04/24 Javascript
vue使用keep-alive实现组件切换时保存原组件数据方法
2020/10/30 Javascript
Python中类的继承代码实例
2014/10/28 Python
对dataframe进行列相加,行相加的实例
2018/06/08 Python
python利用selenium进行浏览器爬虫
2019/04/25 Python
python自动生成model文件过程详解
2019/11/02 Python
使用Python进行防病毒免杀解析
2019/12/13 Python
基于python连接oracle导并出数据文件
2020/04/28 Python
Python如何在main中调用函数内的函数方式
2020/06/01 Python
谈谈python垃圾回收机制
2020/09/27 Python
你应该知道的30个css选择器
2014/03/19 HTML / CSS
波兰运动鞋网上商店:e-Sporting
2018/02/16 全球购物
语文教育专业应届生求职信
2013/11/23 职场文书
大学生最新职业生涯规划书范文
2014/01/12 职场文书
个人公开承诺书
2014/03/28 职场文书
一年级评语大全
2014/04/23 职场文书
手术室护士节演讲稿
2014/08/27 职场文书
2014年平安夜寄语
2014/12/08 职场文书
时尚女魔头观后感
2015/06/04 职场文书
小马王观后感
2015/06/11 职场文书
夏洛特的网观后感
2015/06/15 职场文书
羊脂球读书笔记
2015/06/30 职场文书