jquery遍历对象

jQuery遍历对象的方法

jQuery提供了多种方法来遍历对象（如DOM元素集合或普通JavaScript对象）。以下是常用的遍历方法：

遍历DOM元素

使用.each()方法可以遍历jQuery对象中的DOM元素：

$('selector').each(function(index, element) {
    // index: 当前元素的索引
    // element: 当前DOM元素（原生对象）
    // 使用$(element)转换为jQuery对象
});

遍历普通对象

对于普通JavaScript对象（键值对），可以使用$.each()工具方法：

var obj = { name: "John", age: 30 };
$.each(obj, function(key, value) {
    // key: 属性名
    // value: 属性值
});

链式遍历方法

jQuery提供链式遍历方法，返回新的jQuery对象：

• .map()：通过函数处理每个元素并返回新数组

  var newArray = $('div').map(function() {
    return $(this).attr('id');
  }).get();

• .filter()：筛选匹配条件的元素

  $('div').filter('.active').css('color', 'red');

查找子元素

• .find()：在子元素中匹配选择器

  $('#parent').find('.child');

• .children()：直接子元素（仅一层）

  $('#parent').children();

其他实用方法

• .parent() / .parents()：查找父元素
• .siblings()：查找兄弟元素
• .next() / .prev()：相邻元素

注意事项

1. 原生JavaScript对象遍历推荐使用Object.keys()或for...in循环
2. DOM遍历时注意性能，避免过度使用选择器
3. 使用return false可在.each()中终止循环（类似break）