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
时间： 2024-10-12 22:13:04