jquery選擇器需要注意的問題
我們先來看段代碼，很簡單,如下
<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è)對象的數(shù)組
1.如果執(zhí)行 $("#div1 span").html("aaa"),則數(shù)組內(nèi)的所有對象都會改變.如下圖
2.如果執(zhí)行$("#div1 span").html(),只取值的話,則只會取數(shù)組第一個(gè)對象的值
所以如果選擇器獲得是一個(gè)數(shù)組,要對數(shù)組每個(gè)元素都進(jìn)行操作時(shí),最好用each().
另外還有些注意事項(xiàng)
選擇器中含有特殊符號的注意事項(xiàng)選擇器中含有“.”、“#”、“(”或“]”等特殊字符根據(jù)W3C的規(guī)定，屬性值中是不能含有這些特殊字符的，但在實(shí)際項(xiàng)目中偶爾會遇到表達(dá)式中含有“#”和“.”等特殊字符，如果按照普通的方式去處理出來的話就會出錯。
解決此類錯誤的方法是使用轉(zhuǎn)義符轉(zhuǎn)義。
<div id="id#b">bb</div>
<div id="id[1]">cc</div>
不能這樣寫：
$('#id#b'); $('#id[1]');
應(yīng)該使用轉(zhuǎn)義符號：
$('#id\\#b'); //轉(zhuǎn)義特殊字符“#”
$('#id\\[1\\]'); //轉(zhuǎn)義特殊字符“[ ]”
相關(guān)文章
jQuery實(shí)現(xiàn)點(diǎn)擊小圖顯示大圖代碼分享
這篇文章主要介紹了jQuery實(shí)現(xiàn)點(diǎn)擊小圖顯示大圖效果，功能實(shí)現(xiàn)非常簡單，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
Bootstrap+Jquery實(shí)現(xiàn)日歷效果
這篇文章主要為大家詳細(xì)介紹了Bootstrap+Jquery實(shí)現(xiàn)日歷效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
之前本人的工作和學(xué)習(xí)多以原生js 為主，對jQuery 一直都不是很了解，但jQuery 作為當(dāng)今最優(yōu)秀的js 類庫之一，必須是要花時(shí)間好好學(xué)習(xí)下的，今天正好蛋疼，讀了里面一些代碼2011-04-04
jQuery實(shí)現(xiàn)表格行和列的動態(tài)添加與刪除方法【測試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)表格行和列的動態(tài)添加與刪除方法,涉及jQuery針對頁面元素的動態(tài)添加與刪除相關(guān)技巧,非常簡便實(shí)用,需要的朋友可以參考下2016-08-08
詳談jQuery操縱DOM元素屬性 attr()和removeAtrr()方法
基于JQuery的動態(tài)刪除Table表格的行和列的代碼