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 @   二王戏木  阅读(44)  评论(0)  编辑  收藏  举报
相关博文：
·  jQuery属性操作
·  jQuery选择器
·  jquery-元素操作
·  jQuery中遍历元素each
·  jQuery遍历元素
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配，妙~啊~
点击右上角即可分享
微信分享提示
SQL AI 助手