JQuery（五） -- JQuery对象的“遍历操作”

1.  方式一：传统方式遍历

for(var i = 0; i < 容器对象长度; i++){
        执行功能;
}

实例演示：

<script>
//方式一：传统方式
$("#btn").click(function(){
    var lis = $("li");
    for(var i = 0 ; i < lis.length; i++) {
        alert(i + ":" + lis[i].innerHTML);
    }
});
</script>

2.  方式二:对象.each()方法

容器对象.each(function(index,ele){
    执行功能;
});

实例演示：

<script>
//方式二：对象.each()方法
$("#btn").click(function(){
    var lis = $("li");
    lis.each(function(index,ele){
        alert(index + ":" + ele.innerHTML);
    });
});
</script>

3.  方式三：