国产视频app利用jQuery插件,我們可以對DOM樹中指定的一個元素內的所有子元素進行操作,我們可以獲取這個元素中所包含原色的個數,也可以給包含的某個指定的子元素添加一些樣式等等,而這個操作的方法就是jQuery遍歷中的一個children()方法

jQuery中children()方法的使用

jQuery中的children()方法返回返回被選元素的所有直接子元素。

例1:獲取UL元素中包含LI標簽的個數

HTML代碼:

jQuery中children()獲取元素的個數

<ul id="ul">
    <li>我是第一個li標簽</li>
    <li>我是第二個li標簽</li>
    <li>我是第三個li標簽</li>
    <li>我是第四個li標簽</li>
    <li>我是第五個li標簽</li>
</ul>

jQuery代碼

var ul=$('#ul').children();
alert(ul.length);

結果,會彈出數字“5”

例2:改變UL所包含的class為colorli的li標簽內的字體顏色

HTML代碼

利用jQuery中children()給某個元素加樣式

<ul id="ul">
    <li>我是第一個li標簽</li>
    <li>我是第二個li標簽</li>
    <li class="li">我是第三個li標簽</li>
    <li>我是第四個li標簽</li>
    <li>我是第五個li標簽</li>
</ul>

jQuery代碼

 $('#ul').children('.li').css("color","red");

結果如下圖

jQuery中children()

国产视频app例3:循環輸出所有LI標簽的內容

html代碼

利用jQuery中children()輸出元素的內容

<ul id="ul">
    <li>我是第一個li標簽</li>
    <li>我是第二個li標簽</li>
    <li>我是第三個li標簽</li>
    <li>我是第四個li標簽</li>
    <li>我是第五個li標簽</li>
</ul>

jQ代碼

var $ul = $("#ul").children();
for(i=0;i<$ul.length;i++){
    alert($ul[i].innerText);
}

国产视频app結果,會分五次彈出LI標簽的內容