jQuery是前端開發(fā)中常用的一個JavaScript庫,多數(shù)網(wǎng)頁中都會使用到它。其中,經(jīng)常用到的功能是選取元素,而我們可以使用CSS樣式對元素進(jìn)行選取,也可以使用ID進(jìn)行選取,下面我們就來詳細(xì)介紹一下jQuery中關(guān)于a標(biāo)簽ID的使用。
<!-- HTML代碼 --> <a href="#" id="link">Click me!</a> <!-- jQuery代碼 --> $(document).ready(function(){ $("#link").click(function(){ alert("clicked me!"); }); });
上述代碼中,我們在HTML中給a標(biāo)簽定義了一個唯一的id:“l(fā)ink”,隨后在jQuery中就可以使用該ID來選取該標(biāo)簽,并添加一個點擊事件。當(dāng)點擊該鏈接時,彈出提示框“clicked me!”。
需要注意的是,在一個HTML頁面中,ID是唯一的。如果有多個a標(biāo)簽都帶有相同的ID,那么jQuery只會選取第一個匹配到的元素。
<!-- HTML代碼 --> <a href="#" id="link">Click me!</a> <a href="#" id="link">Don't click me!</a> <!-- jQuery代碼 --> $(document).ready(function(){ $("#link").click(function(){ alert("clicked link!"); }); });
上述代碼中,我們?yōu)閮蓚€a標(biāo)簽都定義了相同ID的“l(fā)ink”,然而,jQuery只有選取到第一個標(biāo)簽,并為其添加了點擊事件,當(dāng)我們點擊第一個鏈接時,會彈出提示框“clicked link!”,而點擊第二個鏈接時并不會有任何反應(yīng)。
因此,在使用ID進(jìn)行元素選取時,務(wù)必要保證ID是唯一的。