亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

jQuery——遍歷

??? 2016-11-12 09:37:42 320
????:(1) 祖先:3個方法:.parent(); //返回被選元素的"直接"父元素.parents(); //返回被選元素的"所有"祖先元素  ->擴展: 返回被選元素的"所有"祖先元素 且 是<ul>元素    $("#targetLi").parents("ul");  

(1) 祖先:

3個方法:

.parent(); //返回被選元素的"直接"父元素

.parents(); //返回被選元素的"所有"祖先元素

  ->擴展: 返回被選元素的"所有"祖先元素 且 是<ul>元素

    $("#targetLi").parents("ul");

  其他情況以此類推。

.parentsUntil(); //返回被選元素的"兩個給定元素之間的"所有祖先元素

$("span").parentsUntil("div");

即:返回介于<span>與<div>元素之間的所有祖先元素


(2) 后代:

2個方法:

.children(); //返回被選元素的所有直接子元素

.find(); //返回被選元素的后代元素,一路遞進直到最后一個后代

.find("*"); //返回被選元素的所有后代

(3)擴展,和篩選器同用的時候:

   <body>
        <div id="div1">
            <div id="div1-1" title="A">
                <div id="div1-1-1"></div>
            </div>
            <div id="div1-2" title="B">
                <div id="div1-2-1"></div>
                <div id="div1-2-2" title="B">
                    <div id="div1-2-2-1"></div>
                </div>
            </div>
        </div>
    </body>

case1:

5.png

case2:

6.png

case3:

7.png

case4:

8.png

總結(jié)出,在篩選器里面帶有">"的,就會只遍歷直接下屬層(兒子層),而不會遍歷更下屬層(孫子層,曾孫子層...)

同時,支持篩選器的各項語法。

(4) 同胞:

7個函數(shù):


前后都遍歷

.siblings(); //返回被選元素的所有同胞元素


只向后遍歷:

.next(); //返回被選元素的下一個同胞元素

.nextAll(); //返回被選元素的所有跟隨的同胞元素

.nextUntil(); //返回被選元素和指定元素之間的所有跟隨的同胞元素

如: $("h2").nextUntil("h6"); //返回介于 <h2> 與 <h6> 元素之間的所有同胞元素


只向前遍歷

.prev();.prevAll();.prevUntil();和前面的next反向類似,不再贅述。

(4) 過濾:

.first(); //首個

.last(); //尾個

.eq(); //指定index的

如: $("div").eq(3); //第4個div

.filter(); //規(guī)定一個標準,不符合標準的會被從集合刪除,匹配的會被返回

如:$("p").filter(".intro"); //返回所有帶有類名"intro"的<p>元素

.not(); //和.filter()相反

如:$("p").not(".intro"); //返回所有不帶有類名"intro"的<p>元素


??? ??

?? ??