亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

jQuery 練習(xí)[二] jquery 對(duì)象選擇器(1)

 更新時(shí)間：2010年05月28日 02:21:31   作者：  
根據(jù) id 選擇(通過(guò) id 只能選擇一個(gè)對(duì)象), 如: $("#div2") ，jquery 對(duì)象選擇器是jquery的一個(gè)亮點(diǎn)。
根據(jù) id 選擇(通過(guò) id 只能選擇一個(gè)對(duì)象), 如: $("#div2")
復(fù)制代碼 代碼如下:

<div id="div1">AAA</div>
<div id="div2">BBB</div>
<div id="div3">CCC</div>

根據(jù)標(biāo)簽選擇, 如: $("span")
復(fù)制代碼 代碼如下:

<div><span>AAA</span></div>
<div>BBB</div>
<span>CCC</span>

根據(jù)樣式的類(lèi)名選擇, 如: $(".class1")
復(fù)制代碼 代碼如下:

<div class="class1">AAA</div>
<div class="class2">BBB</div>
<div class="class1">CCC</div>

選擇所有對(duì)象是: $("*")

可混合使用, 如(復(fù)制代碼):

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]



可分層選擇, 如: $(".class1 div label")
復(fù)制代碼 代碼如下:

<div class="class1">
<div id="id1">111</div>
<div id="id2"><span>222</span></div>
<div id="id3"><label>333</label></div>
<span>444</span><br/>
<span>555</span>
</div>

如: $(".class1 span")
復(fù)制代碼 代碼如下:

<div class="class1">
<div id="id1">111</div>
<div id="id2"><span>222</span></div>
<div id="id3"><label>333</label></div>
<span>444</span><br/>
<span>555</span>
</div>

只從子層中選擇, 如: $(".class1 > span"); 如果沒(méi)有中間的 > 會(huì)選擇其下的所有符合條件的子孫對(duì)象
復(fù)制代碼 代碼如下:

<div class="class1">
<div id="id1">111</div>
<div id="id2"><span>222</span></div>
<div id="id3"><label>333</label></div>
<span>444</span><br/>
<span>555</span>
</div>

其后的, 如: $("div + span"); 這會(huì)選擇所有緊跟在 div 后面的 span
復(fù)制代碼 代碼如下:

<div class="class1">
<div id="id1">111</div>
<div id="id2"><span>222</span></div>
<div id="id3"><label>333</label></div>
<span>444</span><br/>
<span>555</span>
</div>

同一層級(jí)(后面)的, 如: $("#id2 ~ *"); 這是選擇 #id2 后面同一層級(jí)的所有(*)對(duì)象
復(fù)制代碼 代碼如下:

<div class="class1">
<div id="id1">111</div>
<div id="id2"><span>222</span></div>
<div id="id3"><label>333</label></div>
<span>444</span><br/>
<span>555</span>
</div>

混合使用, 如: $("#id3 label, #id3 ~ span")
復(fù)制代碼 代碼如下:

<div class="class1">
<div id="id1">111</div>
<div id="id2"><span>222</span></div>
<div id="id3"><label>333</label></div>
<span>444</span><br/>
<span>555</span>
</div>

文章圖片所用的測(cè)試工具下載地址 JavaScriptTest2.rar

相關(guān)文章

最新評(píng)論