jquery便利
使用 jQuery 遍历元素
jQuery 提供了多种方法来遍历 DOM 元素，以下是常见的几种方式：
each() 方法each() 是 jQuery 中最常用的遍历方法，可以对匹配的元素集合进行迭代。语法如下：
$('selector').each(function(index, element) {
// index 是当前元素的索引
// element 是当前 DOM 元素（原生对象）
// 使用 $(element) 转换为 jQuery 对象
});示例：遍历所有 <li> 元素并输出内容
$('li').each(function(index, element) {
console.log(index + ': ' + $(element).text());
});find() 方法find() 用于在当前元素集合的子元素中查找匹配选择器的元素：
$('#parent').find('.child').css('color', 'red');children() 方法children() 仅查找直接子元素（不递归查找）：
$('#parent').children().addClass('highlight');parent() 和 parents()
parent()获取直接父元素parents()获取所有祖先元素（可指定选择器过滤）$('.item').parent().css('background', 'yellow');
siblings() 方法
获取同级别的所有兄弟元素：
$('.target').siblings().hide();filter() 和 not()
filter()筛选匹配条件的元素not()排除匹配条件的元素$('div').filter('.active').css('border', '1px solid red'); $('div').not('.inactive').show();
遍历链式操作
jQuery 方法支持链式调用，例如：
$('ul')
.find('li')
.eq(2) // 选择索引为 2 的元素
.next() // 下一个兄弟元素
.prev() // 上一个兄弟元素
.addClass('active');注意事项
- 遍历时若需操作原生 DOM 属性（如
this），需通过$(this)转换为 jQuery 对象。 - 性能优化：避免在循环中频繁查询 DOM，可先缓存 jQuery 对象。
- 现代浏览器中，部分场景（如简单遍历）使用原生
querySelectorAll性能更优。
通过以上方法，可以高效完成 DOM 元素的遍历和操作。
