场景:某页面用了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全选中,并设置为红色字体。