jquery選擇器需要注意的問題
我們先來看段代碼，很簡(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ì)取數(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á)式中含有“#”和“.”等特殊字符，如果按照普通的方式去處理出來的話就會(huì)出錯(cuò)。
解決此類錯(cuò)誤的方法是使用轉(zhuǎn)義符轉(zhuǎn)義。
<div id="id#b">bb</div>
<div id="id[1]">cc</div>
不能這樣寫：
$('#id#b'); $('#id[1]');
應(yīng)該使用轉(zhuǎn)義符號(hào)：
$('#id\\#b'); //轉(zhuǎn)義特殊字符“#”
$('#id\\[1\\]'); //轉(zhuǎn)義特殊字符“[ ]”
相關(guān)文章
jQuery插件實(shí)現(xiàn)多級(jí)聯(lián)動(dòng)菜單效果
開發(fā)一個(gè)jQuery插件實(shí)現(xiàn)多級(jí)聯(lián)動(dòng)菜單效果，實(shí)現(xiàn)步驟很詳細(xì)，感興趣的小伙伴們可以參考一下2015-12-12
jQuery CSS3自定義美化Checkbox實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了jQuery CSS3自定義美化Checkbox實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-05-05
jQuery數(shù)據(jù)顯示插件整合實(shí)現(xiàn)代碼
由于我們公司的產(chǎn)品涉及到很多的表格數(shù)據(jù)顯示，而且每張表的字段數(shù)都很多，在工作過程中(幾任同仁的努力)，整合出一套自認(rèn)為較為輕巧的方案2011-10-10
jQuery實(shí)現(xiàn)簡(jiǎn)單日歷效果
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單日歷效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-07-07
讓你的CSS像Jquery一樣做篩選的實(shí)現(xiàn)方法
用Jquery去操作HTML元素很方便，能夠靈活自如的去查找。其實(shí)CSS也可以靈活方便的去查找篩選，以下用到的一些，整理了一下，還有很多有趣的用法，后續(xù)會(huì)繼續(xù)添加。2011-07-07
jQuery實(shí)現(xiàn)自動(dòng)調(diào)整字體大小的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)自動(dòng)調(diào)整字體大小的方法,涉及jQuery針對(duì)頁面屬性與樣式動(dòng)態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2015-06-06
jQuery實(shí)現(xiàn)可拖動(dòng)的浮動(dòng)層完整代碼
使用jQuery實(shí)現(xiàn)可拖動(dòng)的浮動(dòng)層的完整代碼，復(fù)制保存到html文件就可以體驗(yàn)效果.光標(biāo)移動(dòng)到層上，按住鼠標(biāo)就可以拖動(dòng)層2013-05-05
jQuery validate插件submitHandler提交導(dǎo)致死循環(huán)解決方法
這篇文章主要介紹了jQuery validate插件submitHandler提交導(dǎo)致死循環(huán)解決方法,對(duì)比分析了常見的錯(cuò)誤寫法造成死循環(huán)與正確寫法,需要的朋友可以參考下2016-01-01
這篇文章主要為大家詳細(xì)介紹了jquery+html仿翻頁相冊(cè)功能，前端實(shí)現(xiàn)的相冊(cè)模仿功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
jquery validate添加自定義驗(yàn)證規(guī)則(驗(yàn)證郵箱 郵政編碼)
這篇文章主要介紹了query validate添加自定義驗(yàn)證規(guī)則,可以驗(yàn)證郵箱、郵政編碼等，看代碼參考使用2013-12-12