Jquery实现获取⼦元素的⽅法分析
本⽂实例讲述了Jquery实现获取⼦元素的⽅法。分享给⼤家供⼤家参考，具体如下：
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>
3、children()⽅法获取ul下⾯直接⼦集元素li：$("ul").children("li")
需要注意的是，如果li元素下还有li元素，children⽅法将不会被获取。我们可以⽤length来测试获取的个
数“$("ul").children("li").length”，最后输出结果为3
jquery在一个元素后追加标签
4、find()⽅法获取ul下所有元素li：$("ul").find("li")
需要注意的是，find⽅法会⽆限循环查ul标签节点下的li，⼀直到没有为⽌，⽤length来测试获取个数“$("ul").find("li").length”，最后输出结果为9
5、children和find的区别：children只会查直接⼦集，⽽find会跨越层级查，⼀直到没有为⽌。
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《》、《》、《》、《》、《》及《》
希望本⽂所述对⼤家jQuery程序设计有所帮助。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。