jQuery遍歷之parent...LOGIN

jQuery遍歷之parent()方法

jQuery是一個合集對象,如果想快速查找合集裡面的每一個元素的父元素(這裡可以理解為就是父親-兒子的關係),此時可以用parent()方法

因為是父元素,這個方法只會向上查找一級

理解節點查找關係:

<div class="div">
   <ul class="son" >
       <li class="grandson">1</li>
   </ul>
</div>

#ul的父元素div, $gt;

</div>

#ul的父元素, $ (ul).parent(),就是這樣簡單的表達

##    parent()無參數

        parent()方法允許我們能夠在DOM樹中搜尋這些元素的父級元素,從有序的向上匹配元素,並根據匹配的元素創建一個新的jQuery 對象

注意:jQuery是一個合集對象,所以透過parent是匹配合集中每個元素的父元素

parent()方法選擇性地接受同一型選擇器表達式

同樣的也是因為jQuery是合集對象,可能需要對這個合集對象進行一定的篩選,找出目標元素,所以允許傳一個選擇器的表達式

#下面我們來看一段實例

<!DOCTYPE html>
<html>
<head>
  <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>

<body>

  <div><p>Hello</p></div>
  <div class="selected"><p>Hello Again</p></div>

<script>
  $("p").parent(".selected").css("background", "yellow");
</script>

</body>
</html>

######下一節
<!DOCTYPE html> <html> <head> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <div><p>Hello</p></div> <div class="selected"><p>Hello Again</p></div> <script> $("p").parent(".selected").css("background", "yellow"); </script> </body> </html>
章節課件