jquery 查找元素

查找当前元素的后代元素find()

$("div").eq(0).find("span");
//在获取到的第一个 div 元素下面查找 span 元素

括号里的参数也接收 class 名称、id 名称以及其他符合 css 选择器语法的表达式

获取当前元素的父元素的元素集合parent()

$("div").parent();

括号里的参数同 find 方法类似，如果当前 div 元素是一个集合，那么也可以查找符合 查找表达式规则的父元素。

<div> 
<h6>爱来云</h6>
</div>
<div class="activeClass">
<h6>ailaiyun</h6> 
</div>
$("h6").parent(".activeClass");

获取所有匹配元素的祖先元素的元素集合parents()

$("span").parents();

获取从当前元素开始向上一级查找最先匹配的元素closest()

$("div").closest(".classname1");

获取当前元素的所有子元素的元素集合children()

$("div").eq(0).children();

括号里的参数同 find 方法类似，如果当前 div 元素是一个集合，那么也可以查找符合 查找表达式规则的子元素集合，children()只能获取子元素而获取不到其他后代元素。

获取当前元素的下一个兄弟元素或者下一个兄弟元素集合next()

$("div").next();

括号里的参数同 find 方法类似，如果当前 div 元素是一个集合，那么也可以查找符合 查找表达式规则的兄弟元素集合，这个方法只返回当前元素紧邻的兄弟元素，不返回后面其 他的兄弟元素。

获取当前元素之后所有的兄弟元素nextAll()

$("div").eq(0).nextAll();

获取当前元素的上一个兄弟元素或者上一个兄弟元素集合prev()

$("div").prev();

括号里的参数同 find 方法类似，如果当前 div 元素是一个集合，那么也可以查找符合 查找表达式规则的兄弟元素集合，这个方法只返回当前元素之前紧邻的兄弟元素，不返回前 面其他的兄弟元素。

获取当前元素之前所有的兄弟元素prevAll()

$("div").prevAll();

获取当前元素的所有兄弟元素的元素集合siblings()

$(".classname1").siblings();