jquery中的简单过滤选择器-CSDN博客

本文链接：https://blog.csdn.net/zhs954838550/article/details/8821421

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="jquery-1.9.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#Button1').click(function () {
                //$('img:first').hide(2000);获取第一个元素
                //$('img').first().hide(2000);获取第一个元素
                //$('img:last').hide(2000);获取最后一个元素
                //$('img').last().hide(2000);获取最后一个元素
                //$('img:eq(1)').hide(2000);获取索引为()内下表的元素,下表从0开始
                //$('img:gt(1)').hide(2000);获取所有大于给定索引下表的元素,下表从0开始
                //$('img:lt(1)').hide(2000);获取所有小于给定索引下表的元素,下表从0开始
                //$('img:header').hide(2000);获取所有标题类型的元素,如h1,h2....
                //$('img:animated').hide(2000);获取正在执行动画效果的元素
                //$('img:even').hide(2000);获取下表为偶数的元素
                //$('img:odd').hide(2000);获取下表为基数的元素
                //$('img:not(#img1)').hide(2000);获取除id或class为()中的元素别的都执行操作
                //$('a,img,input:not(#Button1)').hide(2000);除()中类型的元素不管什么类型的元素都会执行操作
            })
        })
    </script>
</head>
<body>
    <img id="img1" src="images/1.jpg" />
    <img src="images/2.jpg" />
    <img src="images/3.jpg" />
    <img src="images/4.jpg" />
    <a href="#">aaaaaaaaa</a>

    <input type="button" value="click" id="Button1" />
</body>
</html>