jQuery是一個(gè)快速、簡潔的JavaScript庫，其提供了大量的API用于簡化DOM操作、事件處理、動(dòng)畫效果等等。而$.fn.each是其中一個(gè)非常常用的方法之一。

$.fn.each的作用是遍歷當(dāng)前jQuery對(duì)象所匹配的元素集合，對(duì)每個(gè)元素執(zhí)行指定的回調(diào)函數(shù)。

$.fn.each = function(callback){
for(var i=0;i<this.length;i++){
callback.call(this[i], i, this[i]);
}
return this;
};

上面的代碼就是$.fn.each的具體實(shí)現(xiàn)，其接受一個(gè)回調(diào)函數(shù)作為參數(shù)，該回調(diào)函數(shù)包含兩個(gè)參數(shù)，分別為當(dāng)前元素在集合中的索引和當(dāng)前元素本身。在遍歷元素集合時(shí)，for循環(huán)會(huì)依次將每個(gè)元素作為上下文，調(diào)用回調(diào)函數(shù)，并傳入以上兩個(gè)參數(shù)。

使用$.fn.each的場(chǎng)景非常廣泛，比如我們經(jīng)常需要對(duì)一個(gè)ul列表中的每個(gè)li元素進(jìn)行操作，那么就可以這樣寫：

$('ul li').each(function(index, element){
console.log(index, element);
});

上述代碼中，我們首先使用$('ul li')選擇器獲取了一個(gè)ul列表中的所有l(wèi)i元素，然后調(diào)用$.fn.each方法進(jìn)行遍歷，并將一個(gè)回調(diào)函數(shù)作為參數(shù)傳入。在回調(diào)函數(shù)中，我們使用console.log打印了每個(gè)li元素在列表中的索引和元素本身，以此證明$.fn.each已經(jīng)正確遍歷了每個(gè)元素。

在實(shí)際開發(fā)中，$.fn.each也常常和其他jQuery方法一起連綴使用，比如：

$('ul li').filter(':even').addClass('even').end().filter(':odd').addClass('odd');

上面的代碼中，我們使用.filter方法過濾出當(dāng)前ul列表中的偶數(shù)li元素，然后調(diào)用$.fn.each依次遍歷這些元素，并為它們添加一個(gè).even樣式類。接著，我們使用.end方法回退到原始的ul列表，再次調(diào)用.filter方法過濾出奇數(shù)li元素，并為它們添加一個(gè).odd樣式類。這樣，我們就巧妙的利用了$.fn.each的方法，通過遍歷DOM元素集合的方式，對(duì)多個(gè)元素進(jìn)行批量操作。