jquery的循环
jQuery 循环方法
jQuery 提供了多种循环方法，适用于不同的场景。以下是常见的几种方式：
each() 方法$.each() 或 $(selector).each() 是 jQuery 中最常用的循环方法。
- 遍历数组或对象：
$.each([1, 2, 3], function(index, value) { console.log(index + ": " + value); }); - 遍历 DOM 元素：
$("li").each(function(index) { console.log(index + ": " + $(this).text()); });
for 循环
虽然 jQuery 提供了 each()，但传统的 for 循环仍然可用：
var items = $("li");
for (var i = 0; i < items.length; i++) {
console.log(items.eq(i).text());
}map() 方法$.map() 或 $(selector).map() 用于将数组或对象转换为新数组：
var numbers = [1, 2, 3];
var squared = $.map(numbers, function(value) {
return value * value;
});
console.log(squared); // [1, 4, 9]filter() 方法$(selector).filter() 用于筛选符合条件的元素：
$("li").filter(function(index) {
return index % 2 === 0;
}).css("color", "red");选择最佳方法
- 遍历 DOM 元素时，优先使用
$(selector).each()。 - 处理纯数组或对象时，
$.each()更简洁。 - 需要转换数据时，
$.map()是理想选择。 - 筛选元素时，
filter()更高效。
性能注意事项
- 在大量数据循环中，原生
for循环性能优于each()。 - 链式调用 jQuery 方法（如
filter().each()）可以减少 DOM 查询次数。
