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 
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
场景:某页面用了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全选中,并设置为红色字体。