each()修改透明度

each()修改透明度

这个例子主要是练习jquery中的each()方法,明确each()中的函数有两个参数:index和element。

1. index表示获取所有元素的索引值
2. element表示获取的所有元素
   效果如下：
   
   head部分

<style>
	ul {
		list-style: none;
	}
	ul li {
		float: left;
		height: 200px;
		width: 200px;
		margin: 20px;
		background: black;
		color: #fff;
		font: 700 20px/200px "simsun";
		text-align: center;
	}
	</style>

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>
	<script>
		$(function(){
			$("ul li").each(function(index,element){
				$(element).css("opacity",(index+1)/10);
			});
		});
	</script>