码迷,mamicode.com
首页 > 其他好文 > 详细

JQery遍历方法each

时间:2014-07-21 10:27:48      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:style   java   color   os   io   cti   

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,布布扣,bubuko.com

JQery遍历方法each

标签:style   java   color   os   io   cti   

原文地址:http://my.oschina.net/osmyblog/blog/289169

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!