jquery 循环
jQuery 循环方法
jQuery 提供了多种循环方法，适用于不同的场景。以下是几种常见的循环方式：
each() 方法
each() 是 jQuery 中最常用的循环方法，可以遍历 jQuery 对象中的元素或数组/对象。
遍历 jQuery 对象：
$('div').each(function(index, element) {
console.log(index, $(element).text());
});遍历数组：
$.each([1, 2, 3], function(index, value) {
console.log(index, value);
});遍历对象：
$.each({name: 'John', age: 30}, function(key, value) {
console.log(key, value);
});for 循环
虽然 jQuery 提供了专门的循环方法，但传统的 JavaScript 循环仍然可用：
var elements = $('div');
for (var i = 0; i < elements.length; i++) {
console.log(i, $(elements[i]).text());
}map() 方法
map() 方法可以遍历集合并返回一个新的数组：
var texts = $('div').map(function(index, element) {
return $(element).text();
}).get();
console.log(texts);停止循环
在 each() 循环中，可以使用 return false 来停止循环：
$('div').each(function(index) {
if (index === 2) return false; // 停止循环
console.log(index);
});跳过当前迭代
在 each() 循环中，可以使用 return true 或 return 来跳过当前迭代：
$('div').each(function(index) {
if (index === 1) return; // 跳过当前迭代
console.log(index);
});注意事项
- 在
each()回调函数中，this指向当前 DOM 元素 - 使用
$(this)可以将当前元素转换为 jQuery 对象 $.each()和$(selector).each()有不同的语法和用途- 对于大型数据集，原生 JavaScript 循环可能性能更好
