遍历元素
在DOM元素操作中,有时需要对同一标记的全部元素进行统一操作。在jQuery中,使用each()方法可以实现元素的遍历。
语法形式:$(selector).each(callback)
参数callback是一个function函数,该函数还可以接收一个行参index,这个形参为遍历元素的序号,序号从0开始;如果需要访问元素中的属性,可以借助形参index,配合this关键字来实现元素属性的设置或获取。
示例如下:
代码实现
<script type="text/javascript">
$(function(){
$("div").each(function(index){
if(index == 2){
$(this).addClass("red");
}
})
})
</script>
...省略代码
<h3>each()遍历元素</h3>
<div>帽子</div>
<div>上衣</div>
<div>裤子</div>
<div>鞋子</div>
任务:把上面jQuery中的操作在代码框中重现。