首页 > 其他 > 详细

JQery遍历方法each

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

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!