jquery怎么获取子元素

query获取子元素的方法有2种，分别是children()方法和find()方法。下面我们分别来使用这两种方法，看看它们有何差异。

children()方法：获取该元素下的直接子集元素

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

children和find的区别：children只会查找直接子集，而find会跨越层级查找，一直找到没有为止。

&#36;("#ul li")not(":first")remove();

（1）:first

举：&#36;('divone:first')，获取所有class="one"的Div的第一个div子元素。这里的限制在于父子元素都是同一种，即父元素如果是span标签，获取的第一个子元素也是span标签，如果父元素是table标签，获取的子元素也是table标签。

（2）:first-child

如：&#36;('divone:first-child')，获取所有class="one"的Div的第一个子元素，注意是“所有”，意思是说，如果这个DIV有多外，那么获取的第一个子元素也是有多个。

$('ul>li')length

返回就是ul下li的个数。

如果个数大于你指定的个数。 你就documentcreateElement('ul') 再创建一个ul呗。。。

是你想要的结果吗？

var arr = [];

for(var i = 0;i<$('#sortable img')length;i++) {

arr[i] = $('#sortable img')[i]src;

}

都保存在了arr数组中

<ul>

    <li>第1个</li>

    <li>第2个</li>

    <li>第3个</li>

    <li>第4个</li>

</ul>使用eq选择器获取

语法：$(":eq(index)") index值从0开始。

获取第二个 $("ul li:eq(1)")

获取第三个 $("ul li:eq(2)")

jquery 还有很多有趣的选择器，可百度“jquery选择器大全”查看资料

网页可见区域宽： documentbodyclientWidth

网页可见区域高： documentbodyclientHeight

网页可见区域宽： documentbodyoffsetWidth (包括边线的宽)

网页可见区域高： documentbodyoffsetHeight (包括边线的高)

网页正文全文宽： documentbodyscrollWidth

网页正文全文高： documentbodyscrollHeight

网页被卷去的高： documentbodyscrollTop

网页被卷去的左： documentbodyscrollLeft

网页正文部分上： windowscreenTop

网页正文部分左： windowscreenLeft

屏幕分辨率的高： windowscreenheight

屏幕分辨率的宽： windowscreenwidth

屏幕可用工作区高度： windowscreenavailHeight

屏幕可用工作区宽度： windowscreenavailWidth

以上就是关于jquery怎么获取子元素全部的内容，包括:jquery怎么获取子元素、jquery如何获取ul中第一个li和最后一个li、Jquery 如何判断当ul中的li超过一个指定数时,开始另一个ul等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！