jQuery中排除指定元素,同时选择剩下的所有元素
场景:某页面用了js延时加载技术处理所有图片,以改善用户体验,但是有几个图片不想延时加载,要求把它们单独挑出来。
研究了一下jQuery的API文档,搞掂了,jQuery真的很方便,贴在这里备份:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<! 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全选中,并设置为红色字体。
作者:菩提树下的杨过
出处:http://yjmyzz.cnblogs.com
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
出处:http://yjmyzz.cnblogs.com
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
场景:某页面用了js延时加载技术处理所有图片,以改善用户体验,但是有几个图片不想延时加载,要求把它们单独挑出来。
研究了一下jQuery的API文档,搞掂了,jQuery真的很方便,贴在这里备份:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<! 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全选中,并设置为红色字体。