jQuery 基本語法

下面是一段原始碼


Some Header



......


......



下面是一段原始碼

<div id="body">

<h2>Some Header</h2>

<div class="contents">

<p>......</p>

<p>......</p>

</div>

</div>

 

01、$("div"):選取所有的 div 元素

02、$("#body"):選取 id 為 body 的元素

03、$("div #body"):選取 id 為 body 的 <div> 元素

04、$("div .contents p"):選取 class 為 contents 的 <div>

        所有下層的 <p> 元素

05、$("div > div"):選取被 <div> 包裏的下層 <div>

06、$("div :has(div)"):選取至少包住一個子 <div> 的 <div> 元素

07、$("form > input"):取選 form 裡面的所有 input 元素

註:第05項與06項是互為相反功能