jQuery是一個非常優秀的JavaScript庫,其中有三種方法非常常用,稱為遍歷三劍客,分別是 each()、map() 和 filter(),它們都用于遍歷一個集合或數組,并對每個元素進行相應的操作。
//each()方法示例 $("p").each(function() { $(this).css("color", "red"); }); //map()方法示例 var arr = [1, 2, 3, 4, 5]; var newArr = $.map(arr, function(value, index) { return value * 2; }); //filter()方法示例 var arr = [1, 2, 3, 4, 5]; var newArr = $.grep(arr, function(value, index) { return value > 2; });
each()方法可以遍歷一個集合或數組,并對每個元素進行相應的操作,如修改樣式或文本內容等。map()方法可以遍歷一個數組,并返回一個新的數組,新數組的每個元素都是原數組對應元素的修改值。filter()方法可以遍歷一個數組,并返回一個新的數組,新數組中只包含原數組中符合條件的元素。
當我們需要對頁面上的多個元素進行相同的操作時,使用each()方法可以方便快捷地實現,如果需要將一個數組中每個元素都進行同樣的操作并返回一個新數組,可以使用map()方法,在需要篩選出符合條件的元素時,可以使用filter()方法得到一個新的包含符合條件元素的數組。
下一篇css自適應菜單設置