jQuery是一種流行的JavaScript庫(kù),它提供了一種簡(jiǎn)潔易懂的方式來(lái)操作文檔對(duì)象模型 (DOM)。在jQuery中,我們可以使用.each()函數(shù)來(lái)迭代/遍歷一個(gè)集合、數(shù)組或?qū)ο螅⒃诿總€(gè)元素上執(zhí)行回調(diào)函數(shù)。
// 以下是.each()函數(shù)的基本語(yǔ)法: $(selector).each(function(index, element) { // 執(zhí)行回調(diào)函數(shù)的代碼 });
其中,selector是我們要迭代的集合、數(shù)組或?qū)ο蟮倪x擇器;index是每個(gè)元素在集合/數(shù)組/對(duì)象中的索引,可以省略;element則是當(dāng)前正在迭代的元素。
例如,我們可以使用.each()函數(shù)來(lái)將一組div元素的顏色設(shè)置為紅色:
// HTML代碼: <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> // JavaScript代碼: $(document).ready(function(){ $('.box').each(function(){ $(this).css('color', 'red'); }); });
在上面的例子中,我們使用了選擇器$('.box')來(lái)選擇所有class為box的div元素,并使用.each()函數(shù)來(lái)將它們的顏色設(shè)置為紅色。注意,我們使用$(this)來(lái)引用當(dāng)前正在迭代的元素。
除了設(shè)置CSS屬性,.each()函數(shù)還可以執(zhí)行其他的操作,例如綁定事件、修改文本、添加/刪除元素等。