家乡的夜景,小小的月牙儿挂在湛蓝湛蓝的天空上,把淡淡的光洒在军舰上,军舰就像披上了一件银白色的棉袄,海面上波光粼粼,海浪轻轻地拍打着礁石,像一位母亲在抚摸着孩子的小脚丫。
jquery中有隐式迭代,不需要我们再次对某些元素进行操作。但是如果涉及到不同元素有不同操作,需要进行each遍历。本文利用10个li设置不同的透明度的案例,对each方法进行说明。
语法:
$(元素).each(function(index,element){ });
参数index:表示元素索引,在本例中是0-9
参数element:表示对象,在本例中是每个li
案例效果:
代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
li{
width: 100px;
height: 100px;
background-color: green;
list-style: none;
float: left;
margin-left: 10px;
}
</style>
<script src="jquery-1.12.2.js"></script>
<script type="text/javascript">
$(function(){
//页面加载后,让每个li的透明度发生改变
$("li").each(function(index,element){
//第一个参数是索引,第二个参数是对象
$(element).css("opacity",(index+1)/10);
})
});
</script>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>
</body>
</html>
以上所述是小编给大家介绍的jQuery-each()方法详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
本文详解jQuery-each()方法到此结束。我们都曾经以为,有些事情是不可以放手的。时日渐远,当你回望你会发现,你曾经以为不可以放手的东西,只是生命瞬间的一块跳板。你跳过了,就可以变得更精彩。人在跳板上,最辛苦的不是跳下来那一刻,而是跳下来之前心里的挣扎无助和患得患失。我们以为跳不过去了,闭上眼睛,鼓起勇气,就跳过了。小编再次感谢大家对我们的支持!