jQuery遍历函数用法实例总结：children()、filter()等

jQuery遍历函数用法实例总结 jQuery是一个功能强大的JavaScript库，提供了许多有用的函数来处理DOM元素。其中，遍历函数是jQuery中非常重要的一部分，本文将总结 jQuery 中常用的遍历函数用法。 1. children()函数 children()函数用于选取每个匹配元素的子元素，并以jQuery对象的形式返回。该函数可以使用选择器进一步缩小筛选范围，筛选出符合指定选择器的元素。例如： `var $menu_li = $("#n1").children();` 这将选取id为n1的元素的所有子元素，并将其以jQuery对象的形式返回。 children()函数还可以使用选择器来筛选子元素，例如： `var $active_menu_li = $("#n1").children(".active");` 这将选取id为n1的元素的所有子元素中含有类名active的元素。 2. filter()函数 filter()函数用于筛选出符合指定表达式的元素，并以jQuery对象的形式返回。该函数可以使用选择器、DOM元素、jQuery对象、函数作为筛选条件。例如： `$("li").filter(":even");` 这将筛选出所有索引为偶数（序号为奇数）的元素。 filter()函数还可以使用函数作为筛选条件，例如： `$("li").filter(function(){ return $(this).hasClass("foo"); });` 这将筛选出所有含有类名foo的元素。 3. map()函数 map()函数用于将每个元素转换为另一个值，并将其以数组的形式返回。例如： `var tagsInfo = $doms.map(function(){ return this.tagName + (this.id ? "#" + this.id : ""); }).get();` 这将将每个元素转换为其tagName和id组合的字符串，并将其以数组的形式返回。 4. each()函数 each()函数用于遍历每个元素，并执行指定的回调函数。例如： `$menu_li.each(function(){ console.log(this.tagName); });` 这将遍历每个元素，并将其tagName输出到控制台。 jQuery遍历函数的使用可以极大地提高开发效率和代码可读性，大家可以根据实际需求选择合适的遍历函数来实现自己的需求。