jquery的for循环
jQuery 中的循环方法
jQuery 提供了多种循环方法,适用于不同的场景。以下是常见的几种方式:
$.each() 方法
$.each() 是 jQuery 提供的通用迭代函数,可用于遍历数组和对象:
// 遍历数组
var arr = [1, 2, 3];
$.each(arr, function(index, value) {
console.log(index + ": " + value);
});
// 遍历对象
var obj = {name: "John", age: 30};
$.each(obj, function(key, value) {
console.log(key + ": " + value);
});
.each() 方法
.each() 专门用于遍历 jQuery 对象集合:

$("div").each(function(index, element) {
console.log(index + ": " + $(element).text());
});
传统 for 循环
虽然 jQuery 提供了便捷方法,但传统 JavaScript for 循环仍然可用:
var $elements = $(".some-class");
for (var i = 0; i < $elements.length; i++) {
console.log($elements.eq(i).text());
}
for...of 循环 (ES6)
现代 JavaScript 支持 for...of 循环遍历 jQuery 集合:

var $items = $(".item");
for (var item of $items) {
console.log($(item).text());
}
性能考虑
当处理大型集合时,传统 for 循环通常比 jQuery 的 .each() 更快:
var $list = $("li");
for (var i = 0, len = $list.length; i < len; i++) {
$list.eq(i).addClass("processed");
}
中断循环
要在 jQuery 循环中提前退出,可以在回调函数中返回 false:
$("div").each(function(index) {
if (index === 2) return false; // 相当于 break
console.log(index);
});
跳过当前迭代
要跳过当前迭代,可以返回 true(相当于 continue):
$("div").each(function(index) {
if (index === 1) return true; // 相当于 continue
console.log(index);
});
选择哪种循环方式取决于具体需求、代码可读性要求和性能考虑。对于简单的 DOM 操作,jQuery 的 .each() 通常是最简洁的选择;对于性能关键的场景,传统 for 循环可能更合适。





