我們先來(lái)看段代碼,很簡(jiǎn)單,如下
代碼如下:
<div id="div1">
<span>111</span>
<span>222</span>
<span>333</span>
<button id="button1">clear</button>
</div>
代碼如下:
$(function() {
$("#button1").click(function() {
$("#div1 span").html("aaa");
});
});
$("#div1 span")獲得三個(gè)對(duì)象的數(shù)組
1.如果執(zhí)行 $("#div1 span").html("aaa"),則數(shù)組內(nèi)的所有對(duì)象都會(huì)改變.如下圖
2.如果執(zhí)行$("#div1 span").html(),只取值的話(huà),則只會(huì)取數(shù)組第一個(gè)對(duì)象的值
所以如果選擇器獲得是一個(gè)數(shù)組,要對(duì)數(shù)組每個(gè)元素都進(jìn)行操作時(shí),最好用each().
另外還有些注意事項(xiàng)
選擇器中含有特殊符號(hào)的注意事項(xiàng)選擇器中含有“.”、“#”、“(”或“]”等特殊字符根據(jù)W3C的規(guī)定,屬性值中是不能含有這些特殊字符的,但在實(shí)際項(xiàng)目中偶爾會(huì)遇到表達(dá)式中含有“#”和“.”等特殊字符,如果按照普通的方式去處理出來(lái)的話(huà)就會(huì)出錯(cuò)。
解決此類(lèi)錯(cuò)誤的方法是使用轉(zhuǎn)義符轉(zhuǎn)義。
<div id="id#b">bb</div>
<div id="id[1]">cc</div>
不能這樣寫(xiě):
$('#id#b'); $('#id[1]');
應(yīng)該使用轉(zhuǎn)義符號(hào):
$('#id\\#b'); //轉(zhuǎn)義特殊字符“#”
$('#id\\[1\\]'); //轉(zhuǎn)義特殊字符“[ ]”
更多信息請(qǐng)查看IT技術(shù)專(zhuān)欄