快捷導(dǎo)航

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/ 這里是最新文檔，有離線版下載）
第三步，深刻了解jQuery對(duì)象和普通DOM對(duì)象的區(qū)別。互相轉(zhuǎn)化見Q1
Q1,js的寫法:document.getElementById('save').disabled=true;
在jquery中我是這樣寫的$("#save").disabled = true; 為什么沒效果呢

A,這個(gè)是典型的問(wèn)題，其實(shí)因?yàn)?("#save")出來(lái)的其實(shí)是jQuery對(duì)象，而不是普通DOM對(duì)象
這是新手常見的問(wèn)題。
解決方法有2：
1，用JQ寫法，$("#save").attr("disabled","true");
2，轉(zhuǎn)成DOM寫法$("#save")[0].disabled=true;
當(dāng)然，$("#save")[0]也可以寫成$("#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里有[]或.之類的符號(hào)，怎么辦？或者帶有命名空間的xml標(biāo)簽帶有:怎么辦？
A:用\\來(lái)轉(zhuǎn)義如<div id="id[1]"></div>
$("#id\\[1\\]")

您可能感興趣的文章:

相關(guān)文章

jQuery 前的按鍵判斷代碼
剛看到個(gè)問(wèn)題，如何得知同時(shí)按下了哪幾個(gè)鍵以及按鍵順序（難道是格斗游戲的組合鍵？），其實(shí)jQuery實(shí)現(xiàn)起來(lái)是很簡(jiǎn)單的。
2010-03-03
jQuery實(shí)現(xiàn)動(dòng)態(tài)向上滾動(dòng)
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)向上滾動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-12-12
快速移動(dòng)鼠標(biāo)觸發(fā)問(wèn)題及解決方法(ECharts外部調(diào)用保存為圖片操作及工作流接線mouseenter和mouseleav
這篇文章主要介紹了快速移動(dòng)鼠標(biāo)所觸發(fā)的問(wèn)題及解決方法(ECharts外部調(diào)用保存為圖片操作及工作流接線mouseenter和mouseleave),非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-08-08
jQuery EasyUI API 中文文檔 - Documentation 文檔
jQuery EasyUI API 中文文檔 - Documentation 文檔，使用jQuery EasyUI的朋友可以參考下。
2011-09-09
jQuery 全選全不選事件綁定的實(shí)現(xiàn)代碼
本文給大家分享一段代碼基于jQuery 全選全不選事件綁定的實(shí)現(xiàn)方法，代碼簡(jiǎn)單易懂，非常不錯(cuò)，需要的朋友參考下
2017-01-01
jQuery form插件之a(chǎn)jaxForm()和ajaxSubmit()的可選參數(shù)項(xiàng)對(duì)象
這篇文章主要介紹了jQuery form插件之a(chǎn)jaxForm()和ajaxSubmit()的可選參數(shù)項(xiàng)對(duì)象的相關(guān)資料,需要的朋友可以參考下
2016-01-01
jquery中加載圖片自適應(yīng)大小主要實(shí)現(xiàn)代碼
當(dāng)圖片較小時(shí)顯示實(shí)際大小，當(dāng)圖片超過(guò)div 大小時(shí)圖片自動(dòng)適應(yīng)div的大小，下面有個(gè)示例，大家可以參考下，希望對(duì)大家有所幫助
2013-08-08
JQuery對(duì)ASP.NET MVC數(shù)據(jù)進(jìn)行更新刪除
這篇文章主要介紹了JQuery對(duì)ASP.NET MVC數(shù)據(jù)進(jìn)行更新刪除的相關(guān)資料,需要的朋友可以參考下
2016-07-07
jquery1.4 教程二 ajax方法的改進(jìn)
jquery1.4在ajax方法上進(jìn)一步的進(jìn)行優(yōu)化和調(diào)整，主要是做了如下的改進(jìn)。
2010-02-02
jQuery獲取訪問(wèn)者IP地址的方法(基于新浪API與QQ查詢接口)
這篇文章主要介紹了jQuery獲取訪問(wèn)者IP地址的方法,實(shí)例分析了jQuery基于新浪API與QQ查詢接口獲取來(lái)訪者IP的相關(guān)參數(shù)傳遞與數(shù)據(jù)處理技巧,需要的朋友可以參考下
2016-05-05