html ul each,详解jQuery-each()方法

jquery中有隐式迭代，不需要我们再次对某些元素进行操作。但是如果涉及到不同元素有不同操作，需要进行each遍历。本文利用10个li设置不同的透明度的案例，对each方法进行说明。

语法：

$(元素).each(function(index,element){ });

参数index：表示元素索引，在本例中是0-9

参数element：表示对象，在本例中是每个li

案例效果：

代码如下

li{

width: 100px;

height: 100px;

background-color: green;

list-style: none;

float: left;

margin-left: 10px;

}

$(function(){

//页面加载后,让每个li的透明度发生改变

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

//第一个参数是索引,第二个参数是对象

$(element).css("opacity",(index+1)/10);

})

});

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10

以上所述是小编给大家介绍的jQuery-each()方法详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！