您的位置：首页 > 其它

根据某类过滤规则进行元素的匹配

2013-04-17 19:40 309 查看

<head>

    <title></title>

    <style type="text/css">

        .imgclass

        {

            width: 200px;

            height: 200px;

        }

        .imgclass1

        {

            width: 220px;

            height: 220px;

        }

    </style>

    <script src="jquery-1.9.1.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function () {

            $('#Button1').click(function () {

                //$('#img1').next().next().next().hide(2000);//虽然很弱智，但是能用。

                //$('img:eq(1)').hide(2000);//获取img集合中的第二个元素，即下表为1的元素

                //$('img:gt(0)').hide(2000); //获取img集合中下表大于0的所有元素，即下表为1的元素

                //$('img:lt(3)').hide(2000);

             //   $('img:even').hide(2000); //获取img集合中所有下表为偶数的元素

            //   $('img:odd').hide(2000); //获取img集合中所有下表为奇数的元素

                /*$('img:eq(0)').hide(2000);

                $('img:first').hide(2000);

                $('img').first().hide(2000);*/

                //获取img元素集合中的第一个元素的三种方式

               // $('img:not(#img1)').hide(2000);

               // $('img:not(.imgclass1)').hide(2000);

                //not后边的元素不能使索引，可以是元素id或者classname

               $('p,a,input,img:not(.imgclass1)').hide(2000); //not前面的类型可以不止一个，但是要排除的元素的类型一定要和:not紧挨着

            })

        })

    </script>

</head>

<body>

    <img id="img1" src="images/1.jpg" class="imgclass1" />

    <img src="images/2.jpg" class="imgclass" />

    <img src="images/3.jpg" class="imgclass" />

    <img src="images/4.jpg" class="imgclass" />

    <br />

    <a href="#">百度</a>

    <p>大家演讲不要念稿，请说普通话</p>

    <input id="Button1" type="button" value="玩儿" /><br />

</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航