时间:2021-05-26
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全选中,并设置为红色字体。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了jQuery内容选择器与表单选择器。分享给大家供大家参考,具体如下:内容选择器jQuery内容过滤选择器的过滤规则主要运用在DOM元素所包含的子元
本文实例讲述了jQuery层叠选择器用法。分享给大家供大家参考,具体如下:层叠选择器如果想通过DOM元素之间的层次关系来获取特定的元素,例如后代元素,子元素,相
基本选择器基本选择器是jQuery中最常用的选择器,也是最简单的选择器,它通过元素id、class和标签名等来查找DOM元素。在网页中,每个id名称只能使用一次
本文实例讲述了jQuery中的类名选择器(.class)用法。分享给大家供大家参考,具体如下:一、介绍类名选择器是通过元素拥有的CSS类的名称查找匹配的DOM元
jQuery元素选择器和属性选择器允许您通过标签名、属性名或内容对HTML元素进行选择。jQuery元素选择器:jQuery使用CSS选择器来选取HTML元素。