jQuery遍歷中的其他遍歷中包含着很重要的操作
目錄
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類的元素並設置背景顏色爲綠色。