jQuery 基础（二） DOM篇2 - 13337159127/Note GitHub Wiki

1.jQuery遍历之children()方法：jQuery是一个合集对象，如果想快速查找合集里面的第一级子元素，此时可以用children()方法。 语法：$("div").children().css('');（父亲查找儿子） .children()方法选择性地接受同一类型选择器表达式 $("div").children(".selected") 2.jQuery遍历之find()方法 : 查找DOM树中的这些元素的后代元素，此时可以用find()方法。（查找后代关系） 语法：$(".left").find("li:last") children是父子关系查找，find是后代关系（包含父子关系） 选择器表达式对于 .find() 是必需的参数。如果我们需要实现对所有后代元素的取回，可以传递通配选择器 '*'。 3.jQuery遍历之parent()方法：查找合集里面的每一个元素的父元素，此时可以用parent()方法 语法：查找ul的父元素div, $(ul).parent()；(父子关系，查找父亲) 因为是父元素，这个方法只会向上查找一级 4.jQuery遍历之parents()方法 : 查找合集里面的每一个元素的所有祖辈元素，此时可以用parents()方法。（向上查找所有祖辈元素） 语法：在li节点上找到祖 辈元素div， 这里可以用$("li").parents()方法 parent只会查找一级，parents则会往上一直查到查找到祖先节点 5.jQuery遍历之closest()方法:查找当前元素的父辈祖辈元素，jQuery提供了closest()方法，这个方法类似parents但是又有一些细微的区别， 语法 ：在class=d中，查找向上class=.a元素，可以这样表达 : $(".d").closet(".a')；向上查找一个 "指定" 的祖辈元素 .closest返回的是包含零个或一个元素的jquery对象，parents返回的是包含零个或一个或多个元素的jquery对象 6.jQuery遍历之next()方法：查找指定元素集合中每一个元素紧邻的后面同辈元素的元素集合，此时可以用next()方法（查找下兄弟元素） $(".item").next(":first").css('border', '1px solid blue') 找到item的向下兄弟元素，筛选第一个 7.jQuery遍历之prev()方法：查找指定元素集合中每一个元素紧邻的前面同辈元素的元素集合，此时可以用prev()方法 （查找上兄弟元素） $(".item").prev(":last").css('border', '1px solid blue') 找到item的向上兄弟元素，筛选最后一个 8.jQuery遍历之siblings()：查找指定元素集合中每一个元素的同辈元素，此时可以用siblings()方法 (查找上下两个兄弟) $('.item-2').siblings() 找到 item-2 的两个兄弟节点。