JQery遍历方法each

each遍历jquery对象

<script type="text/javascript" >
        function readmessage(){
            $("li").each(function(k,v){
                console.log(k+'----------'+v);
                v.style.color="red";
                //$(v).css('background','lightblue');
                
            });
        }
    </script>
 </head>
 <body>
  <ul>
        <li>巴西</li>
        <li>德国</li>
        <li>法国</li>
        <li>英格兰</li>
  </ul>
  <input type="button" value="触发" onclick="readmessage()"/>
//遍历节点
function f1(){
    //遍历节点
    //$("li").css("color","red");
    //通过each方法,给li赋予不同颜色

    //jquery.fn  的方法each()  行数:279

    $("li").each(function(){
        //三个li的文字颜色都不一样
        //this 分别代表具体li的dom节点对象
        //$(this)  把dom对象转化为jquery对象
        var rand1 = Math.floor(Math.random()*255);
        var rand2 = Math.floor(Math.random()*255);
        var rand3 = Math.floor(Math.random()*255);
        $(this).css("color","rgb("+rand1+","+rand2+","+rand3+")");
    //this表示$("i") 代表调用each的这个jq对象。
    });
}


由以上两种方式可以得出:
this对象也就是DOM对象
v也是dom对象



你可能感兴趣的:(JQery遍历方法each)