jQuery是一種流行的JavaScript庫,它提供了一種簡潔易懂的方式來操作文檔對象模型 (DOM)。在jQuery中,我們可以使用.each()函數來迭代/遍歷一個集合、數組或對象,并在每個元素上執行回調函數。
// 以下是.each()函數的基本語法: $(selector).each(function(index, element) { // 執行回調函數的代碼 });
其中,selector是我們要迭代的集合、數組或對象的選擇器;index是每個元素在集合/數組/對象中的索引,可以省略;element則是當前正在迭代的元素。
例如,我們可以使用.each()函數來將一組div元素的顏色設置為紅色:
// 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')來選擇所有class為box的div元素,并使用.each()函數來將它們的顏色設置為紅色。注意,我們使用$(this)來引用當前正在迭代的元素。
除了設置CSS屬性,.each()函數還可以執行其他的操作,例如綁定事件、修改文本、添加/刪除元素等。