探討jquery

  • 1799
  • 0

摘要:探討jquery

http://jsgears.com/thread-63-1-1.html     必看文章之一

 

$("div")
<div id="body">
  <h2>Some Header</h2>
  <div class="contents">
    <p>...</p>
    <p>...</p>

  </div>
</div>

解釋:選取所有 <div>


$("#body")
<div id="body">
  <h2>Some Header</h2>
  <div class="contents">
    <p>...</p>
    <p>...</p>
  </div>

</div>

解釋:選取 id 為 body 的元素


$("div#body")
<div id="body">
  <h2>Some Header</h2>
  <div class="contents">
    <p>...</p>
    <p>...</p>
  </div>

</div>

解釋:選取 id 為 body 的 <div>


$("div.contents p")
<div id="body">
  <h2>Some Header</h2>
  <div class="contents">
    <p>...</p>
    <p>...</p>

  </div>
</div>

解釋:選取 class 為 contents 的 <div> 所包住的所有下層的 <p>


$("div > div")
<div id="body">
  <h2>Some Header</h2>
  <div class="contents">
    <p>...</p>
    <p>...</p>
  </div>
</div>

解釋:選取被 <div> 包住的下一層 <div>


$("div:has(div)")
<div id="body">
  <h2>Some Header</h2>
  <div class="contents">
    <p>...</p>
    <p>...</p>
  </div>

</div>

解釋:和前一個範例相反,這邊是選取至少有包住一個 <div> 的 <div>

 

 

此為轉至上述網頁  若冒犯請見諒與通知

 

 

 

 

分清楚 與思考