jquery獲得element的方法


1.find():獲得當前元素中每個元素的后代,通過選擇器、jQuery對象或元素篩選。

  例如:

$("p").find("span").css('color','red');//<p>標簽下的<span>標簽字體顏色為紅色。

2.next():獲得匹配元素集合中每個元素緊鄰的同胞元素。如果提供選擇器,則取回匹配該選擇器的下一個同胞元素。

  例如1:

<body>
  <p>Hello</p>
  <p class="selected">Hello Again</p>
  <div><span>And Again</span></div>
  <p>World</p>
</body>

   在其中添加next()方法:

(1) $("p").next(".selected").css("background", "yellow");
結果為:“Hello Again”背景色為黃色。
分析:所有<p>標簽緊鄰同胞(p)的帶有selected的選擇器的元素。

(2) $("p").next().css("background", "yellow");
結果為:除了第一個其他”背景色為黃色。
分析:所有<p>標簽緊鄰的元素。

(3) $("p.selected").next().css("background", "yellow");
結果為:"And Again"背景色為黃色。
分析:帶有selected選擇器<p>標簽緊鄰元素。

注意:匹配的所有元素。返回所有元素的緊鄰(指一個)同胞(不一定是一樣的標簽)。

3.siblings() :獲得匹配集合中每個元素的同胞。

 這個方法和上面的方法僅僅是去掉了“緊鄰”,則獲得所有同胞元素。

4.parent(): 獲得當前匹配元素集合中每個元素的父元素,使用選擇器進行篩選是可選的。

  例如:

<body>
  <div><p selected>Hello</p></div>
  <div class="selected">
    <span>hi</span>
    <div class="se">
      <p>Hello Again</p>
    </div>
  </div>
<script>
  $("p").parent(".selected").css("background", "yellow");
</script>

結果:沒有元素有背景色。
分析:先獲得<p>所有的元素,獲得他們的父元素(一個元素的父元素只有一個),再通過選擇器來在這些中選擇。

5.closeset():獲得匹配選擇器的第一個祖先元素,從當前元素開始沿 DOM 樹向上。參數為:element或者selector。

 
       


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM