jquery过滤选择器

最新推荐文章于 2024-07-29 11:53:27 发布

碑无名

最新推荐文章于 2024-07-29 11:53:27 发布

阅读量300

点赞数

分类专栏： jquery 文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/deep_zhuheihei/article/details/123066083

版权

jquery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../jquery.js"></script>
</head>
<body>
    <div id="father">
            <div>
                1
                    <div></div>
                    <div></div>
                    <div></div>
            </div>
            <div>
                2
                <li></li>
                <li></li>
            </div>
            <div>
                3
            </div>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>

    </div>
    <script>
        $(function(){
                /*
                    :eq(index) 获取到元素中，选择索引号为2的元素，索引号index从0开始
                    :odd  获取到元素中，选择索引号为奇数的元素
                    :even 获取到元素中，选择索引号为偶数的元素
                */
                console.log($('#father>div:eq(1)').height(100).width(100).css('backgroundColor','red'));
                $('#father>li:odd').css('color','red')
                $('#father>li:even').css('color','blue')
        })
    </script>
</body>
</html>

碑无名

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
jquery过滤选择器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
复制链接

扫一扫