jQuery遍歷-其他遍歷

jQuery遍歷中的其他遍歷中包含着很重要的操作

目錄

add()

content()

end()


add()

描述:添加元素到匹配的元素集合中。

這個也是經常用到的,如果我們要設置div和p相同的的樣式而div又有單獨的樣式的時候。可以用這個

<div></div>
<p></p>
<script>
    $(function(){
        $("div").css("border","1px solid red").add("p").css("background-color","green");
    })
</script>

上述代碼通過jQuery的鏈式調用先選中div添加樣式,然後在把p元素加入到div集合中,共同設置樣式。

content()

描述:獲取匹配元素集合中每個元素的子元素,包括文本節點和註釋節點

<div>
    123
    <p>
    
    </p>
</div>
<script>
    $(function(){
        $("div").content()
    })
</script>

end()

描述:終止在當前鏈的最新的過濾操作,並返回匹配元素之前的狀態。

這個是很有用處的,相當於返回上一級的作用

<div>
    <p class="foo"></p>
    <p class="bar"></p>
</div>
<script>
    $(function(){
        $("div").find(".foo").css("background-color","red").end().find("bar").css("background-color","green")
    })
</script>

上述代碼的意思是:選中了div找div下的foo類元素並設置背景顏色爲紅色,然後返回選中div的那個狀態,再找div下的bar類的元素並設置背景顏色爲綠色。

主頁傳送門

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章