[jQuery] $("selector1 selector2") $("selector1 > selector2&quo
來源:程序員人生 發布時間:2015-01-21 08:21:14 閱讀次數:4314次
jQuery 選擇元素的方式有很多種,其中3種容易混淆,記錄下來,以示區分。
$("selector1 selector2")
選取所有 seletor1 下的所有后代元素 selector2 ,是先人和后代的關系,子子孫孫輩都是后代。
$("selector1 > selector2")
選取所有 selector1 下的所有孩子元素 selector2 ,是父母和孩子的關系,孩子只包括兒女輩,不包括孫子輩及以后。
$("selector1, selector2")
選取所有 selector1 元素和所有 selector2 元素。
實例代碼:
<script type="text/javascript">
$(function() {
var len1 = $("#div1 div").length;
alert(len1); //3
var len2 = $("#div1 > div").length;
alert(len2); //2
var len3 = $("#div1, div").length;
alert(len3); //4
});
</script>
<div id="div1">
<div>
<div></div>
</div>
<div></div>
</div>
需要略微關注的1點是,$("#div1, div") 選擇的時候,id=div1 的 div 元素既符合 $("#div1") 又符合 $("div") ,使用 $("#div1, div") 選擇的時候jQuery會按實際元素數量計算,不用擔心此處存在重復計數的問題。
生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈