jQuery元素操作

一、遍历元素 each

　　

 　　$.each(object,function(i,ele){})

　　  

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>

    </style>
    <script src="js/jquery-3.6.0.js"></script>
</head>

<body>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <script>
        $(function() {
            var arr = ["red", "green", "blue"];
            // $("div").each(function(i, ele) {
            //     console.log(i);
            //     console.log(ele);
            //     // ele是dom对象，在jQuery中使用需要转换为jQuery对象
            //     $(ele).css("color", arr[i])
            // })

            $.each($("div"), function(i, ele) {
                $(ele).css("color", arr[i])
            })

            $.each(arr, function(i, ele) {
                console.log(ele);
            })
        })
    </script>
</body>

</html>

 

 　　

posted @ 2022-02-17 20:38  二王戏木  阅读(49)  评论(0)    收藏  举报