$.each()和$().each(),以及forEach()的用法

轉自:http://maplebb.blog.51cto.com/2547849/1918563jquery



總結:forEach必須是數組才能用的遍歷方法數組

         each是jquery提供給dom元素或選擇器使用的遍歷方法dom

         $.each則是數組或對象均可用的遍歷方法
ide


1.forEach是js中遍歷數組的方法,以下函數

var arr=[1,2,3,4];
arr.forEach(function(val,index,arr){//val爲數組中當前的值,index爲當前值的下表,arr爲原數組
   arr[index]=2*val;
});
console.log(arr);//結果是修改了原數組,爲每一個數乘以2

注意:forEach是 ES5 中數組 Array 內置的原生方法 IE9如下不支持this



2.$.each()是jquery中遍歷數組對象的方法,以下spa

$.each( obj , function ( key ,val ) {
orm

} )對象

$.each( arr , function ( index , value ) {blog

} )

var arr=[1,2,3,4];
$.each(arr,function(i,n){
   alert("索引"+i+"對應的值"+n);
});



3.$().each()方法規定爲每一個匹配元素規定運行的函數,以下:

$(selector).each(function(index,element){

        // index是遍歷selector中的每一項時,當前項的索引,從0開頭

       //  element是遍歷selector中的每一項時,當前項dom元素

      //  若是有 return 返回 false 則終止(退出)循環

})

$(selector).each(function(){ $(this) 


    })

相關文章
相關標籤/搜索