jQuery選擇器支持使用變量來動(dòng)態(tài)獲取頁(yè)面元素,下面是一些例子:
$("div[data-id="+id+"]"); // 獲取data-id等于id變量的div標(biāo)簽 $("input[type="+type+"]"); // 獲取type類型等于type變量的input標(biāo)簽 $("[id^="+prefix+"]"); // 獲取id以prefix變量開頭的元素
在這些例子中,變量可以是JavaScript變量或表達(dá)式,只要最終的結(jié)果是一個(gè)字符串即可。在變量的值中如果有特殊字符需要進(jìn)行轉(zhuǎn)義,比如雙引號(hào)、單引號(hào)、斜杠等。
var name = "O'Neil"; // 姓名中有單引號(hào) $("div[data-name='"+name+"']"); // 需要使用單引號(hào)將變量值括起來,并在單引號(hào)中轉(zhuǎn)義單引號(hào)
使用變量的好處是可以使選擇器更加靈活,可以根據(jù)實(shí)際情況來動(dòng)態(tài)生成選擇器,減少重復(fù)代碼的出現(xiàn),提高代碼質(zhì)量。