jquery循环
jQuery 循环方法
jQuery 提供了多种循环方法,适用于不同的场景。以下是常见的几种方式:
each() 方法$.each() 或 $(selector).each() 是 jQuery 中最常用的循环方法,可用于遍历数组、对象或 DOM 元素集合。
语法示例:
// 遍历数组
$.each([1, 2, 3], function(index, value) {
console.log(index + ": " + value);
});
// 遍历 DOM 元素
$("div").each(function(index, element) {
console.log(index + ": " + $(element).text());
});
for 循环
虽然 jQuery 提供了专用方法,但传统的 JavaScript for 循环依然适用,尤其是需要精确控制循环条件时。
示例:
var items = $(".item");
for (var i = 0; i < items.length; i++) {
console.log($(items[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]
选择循环方法的依据
- 遍历 DOM 元素:优先使用
$(selector).each(),直接操作 jQuery 对象更高效。 - 处理数组/对象:
$.each()或$.map()更简洁,支持链式调用。 - 性能敏感场景:原生
for循环可能更快,但牺牲了代码可读性。
注意事项
- 在
each()循环中,return false可提前终止循环(类似break),return true跳过当前迭代(类似continue)。 - 避免在循环内频繁操作 DOM,建议先缓存数据或使用文档片段优化性能。






