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实现文本框中默认显示背景图片在获得焦点后消失的方法
Jul 01 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
Sep 16 Javascript
跟我学习javascript的闭包
Nov 16 Javascript
JavaScript与HTML的结合方法详解
Nov 23 Javascript
详解JavaScript逻辑Not运算符
Dec 04 Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
Mar 15 Javascript
详解Vuex中mapState的具体用法
Sep 28 Javascript
jQuery zTree 异步加载添加子节点重复问题
Nov 29 jQuery
JavaScript解决浮点数计算不准确问题的方法分析
Jul 09 Javascript
解决vue.js提交数组时出现数组下标的问题
Nov 05 Javascript
Element Input输入框的使用方法
Jul 26 Javascript
vant-ui组件调用Dialog弹窗异步关闭操作
Nov 04 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
晶体管来复再生式二管收音机
2021/03/02 无线电
php CI框架插入一条或多条sql记录示例
2014/07/29 PHP
PHP简单实现HTTP和HTTPS跨域共享session解决办法
2015/05/27 PHP
php 二维数组时间排序实现代码
2016/11/19 PHP
利用PHP内置SERVER开启web服务(本地开发使用)
2020/01/22 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
YII2框架使用控制台命令的方法分析
2020/03/18 PHP
jquery easyui 结合jsp简单展现table数据示例
2014/04/18 Javascript
jQuery中:only-child选择器用法实例
2015/01/03 Javascript
JavaScript插件化开发教程 (一)
2015/01/27 Javascript
利用CSS3在Angular中实现动画
2016/01/15 Javascript
jQuery配合coin-slider插件制作幻灯片效果的流程解析
2016/05/13 Javascript
js验证框架实现代码分享
2016/05/18 Javascript
vue2手机APP项目添加开屏广告或者闪屏广告
2017/11/28 Javascript
vue 实现的树形菜的实例代码
2018/03/19 Javascript
自定义Vue中的v-module双向绑定的实现
2019/04/17 Javascript
Vue中props的详解
2019/05/16 Javascript
JS防抖和节流实例解析
2019/09/24 Javascript
[48:47]VGJ.S vs NB 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
利用Python绘制数据的瀑布图的教程
2015/04/07 Python
python中的错误处理
2016/04/10 Python
Python实现的栈(Stack)
2018/01/26 Python
Python中作用域的深入讲解
2018/12/10 Python
关于Python中定制类的比较运算实例
2019/12/19 Python
Python 代码调试技巧示例代码
2020/08/11 Python
python 实现简易的记事本
2020/11/30 Python
python实现定时发送邮件
2020/12/23 Python
浅析python连接数据库的重要事项
2021/02/22 Python
css3弹性盒子flex实现三栏布局的实现
2020/11/12 HTML / CSS
可口可乐唇膏:Lip Smackers
2019/08/27 全球购物
国际经济与贸易专业大学生职业规划书
2014/03/01 职场文书
工业设计专业自荐书
2014/06/05 职场文书
科技工作者先进事迹
2014/08/16 职场文书
赵乐秦在党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
地陪导游欢迎词
2015/01/26 职场文书
学校工会工作总结2015
2015/05/19 职场文书