jquery對(duì)象和DOM對(duì)象的區(qū)別介紹
更新時(shí)間：2013年08月09日 17:33:26 作者：
jquery對(duì)象和DOM對(duì)象在使用過(guò)程很頻繁，正是因?yàn)槿绱?，好多朋友都不知道它們之間有什么區(qū)別，下面為大家詳細(xì)介紹下，希望對(duì)大家有所幫助
第一步，http://www.k99k.com/jQuery_getting_started.html
第二步，新手先仔細(xì)得全部看一遍jQuery的選擇器，很重要?。?！
（http://shawphy.com/jqueryapi/ 這里是最新文檔，有離線(xiàn)版下載）
第三步，深刻了解jQuery對(duì)象和普通DOM對(duì)象的區(qū)別?；ハ噢D(zhuǎn)化見(jiàn)Q1
Q1,js的寫(xiě)法:document.getElementById('save').disabled=true;
在jquery中我是這樣寫(xiě)的$("#save").disabled = true; 為什么沒(méi)效果呢
A,這個(gè)是典型的問(wèn)題，其實(shí)因?yàn)?("#save")出來(lái)的其實(shí)是jQuery對(duì)象，而不是普通DOM對(duì)象
這是新手常見(jiàn)的問(wèn)題。
解決方法有2：
1，用JQ寫(xiě)法，$("#save").attr("disabled","true");
2，轉(zhuǎn)成DOM寫(xiě)法$("#save")[0].disabled=true;
當(dāng)然，$("#save")[0]也可以寫(xiě)成$("#save").get(0)。他返回的也是DOM元素
$("#save").eq(0)得到的還是jq對(duì)象
$(dom對(duì)象)就能得到一個(gè)jq對(duì)象。
Q2,獲取選中的checkbox
A:
獲取所有選中的checkbox:
$("input:checkbox:checked")
判斷是否一組checkbox都選中了:
if($("input:checkbox:checked").length){}
判斷某一個(gè)checkbox是否被選中
if($("input:checkbox").is(":checked")){}
Q3,我的id里有[]或.之類(lèi)的符號(hào)，怎么辦？或者帶有命名空間的xml標(biāo)簽帶有:怎么辦？
A:用\\來(lái)轉(zhuǎn)義如<div id="id[1]"></div>
$("#id\\[1\\]")
第二步，新手先仔細(xì)得全部看一遍jQuery的選擇器，很重要?。?！
（http://shawphy.com/jqueryapi/ 這里是最新文檔，有離線(xiàn)版下載）
第三步，深刻了解jQuery對(duì)象和普通DOM對(duì)象的區(qū)別?；ハ噢D(zhuǎn)化見(jiàn)Q1
Q1,js的寫(xiě)法:document.getElementById('save').disabled=true;
在jquery中我是這樣寫(xiě)的$("#save").disabled = true; 為什么沒(méi)效果呢
A,這個(gè)是典型的問(wèn)題，其實(shí)因?yàn)?("#save")出來(lái)的其實(shí)是jQuery對(duì)象，而不是普通DOM對(duì)象
這是新手常見(jiàn)的問(wèn)題。
解決方法有2：
1，用JQ寫(xiě)法，$("#save").attr("disabled","true");
2，轉(zhuǎn)成DOM寫(xiě)法$("#save")[0].disabled=true;
當(dāng)然，$("#save")[0]也可以寫(xiě)成$("#save").get(0)。他返回的也是DOM元素
$("#save").eq(0)得到的還是jq對(duì)象
$(dom對(duì)象)就能得到一個(gè)jq對(duì)象。
Q2,獲取選中的checkbox
A:
獲取所有選中的checkbox:
$("input:checkbox:checked")
判斷是否一組checkbox都選中了:
if($("input:checkbox:checked").length){}
判斷某一個(gè)checkbox是否被選中
if($("input:checkbox").is(":checked")){}
Q3,我的id里有[]或.之類(lèi)的符號(hào)，怎么辦？或者帶有命名空間的xml標(biāo)簽帶有:怎么辦？
A:用\\來(lái)轉(zhuǎn)義如<div id="id[1]"></div>
$("#id\\[1\\]")
您可能感興趣的文章:
- javascript中html字符串轉(zhuǎn)化為jquery dom對(duì)象的方法
- jQuery如何將選中的對(duì)象轉(zhuǎn)化為原始的DOM對(duì)象
- jQuery對(duì)象和DOM對(duì)象的相互轉(zhuǎn)化實(shí)現(xiàn)代碼
- jQuery對(duì)象和DOM對(duì)象相互轉(zhuǎn)化
- jquery對(duì)象和javascript對(duì)象即DOM對(duì)象相互轉(zhuǎn)換
- jquery獲取iframe中的dom對(duì)象(兩種方法)
- jquery入門(mén)—訪(fǎng)問(wèn)DOM對(duì)象方法
- jQuery對(duì)象和DOM對(duì)象使用說(shuō)明
- JQUERY 對(duì)象與DOM對(duì)象之兩者相互間的轉(zhuǎn)換
- jquery對(duì)象與DOM對(duì)象轉(zhuǎn)化
相關(guān)文章
jQuery為DOM動(dòng)態(tài)追加事件的方法
下面小編就為大家?guī)?lái)一篇jQuery為DOM動(dòng)態(tài)追加事件的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
jquery僅用6行代碼實(shí)現(xiàn)滑動(dòng)門(mén)效果
這篇文章主要介紹了jquery僅用6行代碼實(shí)現(xiàn)滑動(dòng)門(mén)效果,涉及jquery樣式變換的實(shí)現(xiàn)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-09-09
NiftyCube——輕松實(shí)現(xiàn)圓角邊框
這篇文章主要介紹了NiftyCube——輕松實(shí)現(xiàn)圓角邊框2007-02-02
jquery實(shí)現(xiàn)焦點(diǎn)圖片隨機(jī)切換效果的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)焦點(diǎn)圖片隨機(jī)切換效果的方法,涉及jQuery插件jquery.easing.1.3.js的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
基于JQuery實(shí)現(xiàn)仿網(wǎng)易郵箱全屏動(dòng)感滾動(dòng)插件fullPage
網(wǎng)易郵箱專(zhuān)題頁(yè)的效果相信很多朋友都看過(guò)，也許有很多朋友想著把自己的網(wǎng)站做成那樣動(dòng)感美妙的全屏滾動(dòng)效果，但苦于技術(shù)有限，只能望而生嘆。此刻您有福了，這款基于jquery的fullpage就可以輕松的幫你實(shí)現(xiàn)動(dòng)感美妙的全屏滾動(dòng)效果，需要的可以參考下2015-09-09
在2016年6月迎來(lái)了jquery3.0最終版，jquery3.0有哪些新特征呢？很多朋友不是很清楚，下面小編給大家?guī)?lái)了jQuery 3.0十大新特性，感興趣的朋友一起看下吧2016-07-07
contains選擇符是指對(duì)象中包括指定內(nèi)容的對(duì)象本身2010-04-04
jQuery的ajax中使用FormData實(shí)現(xiàn)頁(yè)面無(wú)刷新上傳功能
這篇主要寫(xiě)如何利用ajax和FormData實(shí)現(xiàn)頁(yè)面無(wú)刷新的文件上傳效果，主要用到了jQuery的ajax()方法和XMLHttpRequest Level 2的FormData接口。需要的的朋友參考下本文2017-01-01
本文是小編自己寫(xiě)的一個(gè)彈出層插件代碼，非常秀珍，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
jQuery使用ajax方法解析返回的json數(shù)據(jù)功能示例
這篇文章主要介紹了jQuery使用ajax方法解析返回的json數(shù)據(jù)功能,結(jié)合實(shí)例形式分析了jQuery ajax操作流程及json數(shù)據(jù)處理技巧,需要的朋友可以參考下2017-01-01