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怎么获得动态添加后的子元素个数
实现思路：使用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元素的数量 });});jquery方法用于隐藏被选中元素的方法
jQuery中的hide()方法可以用于隐藏被选中元素。该方法将目标元素的display属性设置为“none”，使其在页面上不可见。
通过选中需要隐藏的元素并调用hide()方法，可以快速有效地实现隐藏效果。
此外，hide()方法还可以接受时间参数，指定隐藏动画的持续时间和缓动效果。
可以使用show()方法来显示被隐藏的元素，或toggleClass()方法来切换元素的显示和隐藏状态。总之，jQuery提供了多种方法来控制元素的可见性，可以根据具体需求选择合适的方法。