jquery获取子元素的方法find()的用法
Jquery获取子元素的方法有2种，分别是children()方法和find()方法。下面我们分别来使用这两种方法，看看它们有何差异。
1.children()方法：获取该元素下的直接子集元素
2.find()方法：获取该元素下的所有子集元素
分别以以下HTML代码为例：
<ul>
<li>
list1
<ul>
<li>
list1-1
</li>
<li>
list1-2
</li>
</ul>
</li>
<li>
list2
<ul>
<li>
list2-1
</li>
<li>
list2-2
</li>
</ul>
</li>
<li>
list3
<ul>
<li>
list3-1
</li>
<li>
list3-2
</li>
</ul>
</li>
</ul>
children()方法获取ul下面直接子集元素li：$("ul").children("li")
需要注意的是，如果li元素下还有li元素，children方法将不会被获取。我们可以用length来测试获取的个数“$("ul").children("li").length”，最后输出结果为3
find()方法获取ul下所有元素li：$("ul").find("li")
需要注意的是，find方法会无限循环查找ul标签节点下的li，一直找到没有为止，用length来测试获取个数“$("ul").find("li").length”，最后输出结果为9
Jquery搜索父元素操作方法
使用js或者jquery查找父元素、子元素经常遇到。可是用起来总容易混淆，这里统一总结了一下，以后用起来相信会方便好多
这里jquery向上查找父元素 用到的方法：
closest() parents() parent()
向下查找子元素
用到的方法：find() children()
js用的是 children[] 属性 ！
jquery怎么获得动态添加后的子元素个数
实现思路：使用jQuery的length属性获取对象中元素的数目，$(selector).length。实例演示如下：1、HTML结构：设置id为test的ul下有4个列表元素
Glen
Tane
John
2、jquery代码：点击列表后获取li数量$(function(){ $("#test").click(function() { alert($("#test li").length); // 获取id为test的ul下的li元素的数量 });});