css each遍历的作用,jquery遍历之each()

html>

.left {

width: auto;

height: 150px;

}

.left div {

width: 150px;

height: 120px;

padding: 5px;

margin: 5px;

float: left;

background: #bbffaa;

border: 1px solid #ccc;

}

each方法

点击：each方法遍历元素

点击：each方法回调判断

$("button:first").click(function() {

//遍历所有的li

//修改每个li内的字体颜色

$("li").each(function(index, element) {

$(this).css('color','red')

})

})

$("button:last").click(function() {

//遍历所有的li

//修改偶数li内的字体颜色

$("li").each(function(index, element) {

if (index % 2) {

$(this).css('color','blue')

}

})

})

$("li").css('color','red')   也可以将li颜色都变为红色，但为什么要用$("li").each(function(index,element){$(this).css('color','red')})呢？  还是说两个都行，关键应用是下面那个偶数行的应用？