jquery對象和DOM對象的區(qū)別介紹
更新時間:2013年08月09日 17:33:26 作者:
jquery對象和DOM對象在使用過程很頻繁,正是因為如此,好多朋友都不知道它們之間有什么區(qū)別,下面為大家詳細(xì)介紹下,希望對大家有所幫助
第一步,http://www.k99k.com/jQuery_getting_started.html
第二步,新手先仔細(xì)得全部看一遍jQuery的選擇器,很重要!??!
(http://shawphy.com/jqueryapi/ 這里是最新文檔,有離線版下載)
第三步,深刻了解jQuery對象和普通DOM對象的區(qū)別?;ハ噢D(zhuǎn)化見Q1
Q1,js的寫法:document.getElementById('save').disabled=true;
在jquery中我是這樣寫的$("#save").disabled = true; 為什么沒效果呢
A,這個是典型的問題,其實因為$("#save")出來的其實是jQuery對象,而不是普通DOM對象
這是新手常見的問題。
解決方法有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對象
$(dom對象)就能得到一個jq對象。
Q2,獲取選中的checkbox
A:
獲取所有選中的checkbox:
$("input:checkbox:checked")
判斷是否一組checkbox都選中了:
if($("input:checkbox:checked").length){}
判斷某一個checkbox是否被選中
if($("input:checkbox").is(":checked")){}
Q3,我的id里有[]或.之類的符號,怎么辦?或者帶有命名空間的xml標(biāo)簽帶有:怎么辦?
A:用\\來轉(zhuǎn)義如<div id="id[1]"></div>
$("#id\\[1\\]")
第二步,新手先仔細(xì)得全部看一遍jQuery的選擇器,很重要!??!
(http://shawphy.com/jqueryapi/ 這里是最新文檔,有離線版下載)
第三步,深刻了解jQuery對象和普通DOM對象的區(qū)別?;ハ噢D(zhuǎn)化見Q1
Q1,js的寫法:document.getElementById('save').disabled=true;
在jquery中我是這樣寫的$("#save").disabled = true; 為什么沒效果呢
A,這個是典型的問題,其實因為$("#save")出來的其實是jQuery對象,而不是普通DOM對象
這是新手常見的問題。
解決方法有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對象
$(dom對象)就能得到一個jq對象。
Q2,獲取選中的checkbox
A:
獲取所有選中的checkbox:
$("input:checkbox:checked")
判斷是否一組checkbox都選中了:
if($("input:checkbox:checked").length){}
判斷某一個checkbox是否被選中
if($("input:checkbox").is(":checked")){}
Q3,我的id里有[]或.之類的符號,怎么辦?或者帶有命名空間的xml標(biāo)簽帶有:怎么辦?
A:用\\來轉(zhuǎn)義如<div id="id[1]"></div>
$("#id\\[1\\]")
您可能感興趣的文章:
相關(guān)文章
快速移動鼠標(biāo)觸發(fā)問題及解決方法(ECharts外部調(diào)用保存為圖片操作及工作流接線mouseenter和mouseleav
這篇文章主要介紹了快速移動鼠標(biāo)所觸發(fā)的問題及解決方法(ECharts外部調(diào)用保存為圖片操作及工作流接線mouseenter和mouseleave),非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-08-08jQuery EasyUI API 中文文檔 - Documentation 文檔
jQuery EasyUI API 中文文檔 - Documentation 文檔,使用jQuery EasyUI的朋友可以參考下。2011-09-09jQuery form插件之a(chǎn)jaxForm()和ajaxSubmit()的可選參數(shù)項對象
這篇文章主要介紹了jQuery form插件之a(chǎn)jaxForm()和ajaxSubmit()的可選參數(shù)項對象的相關(guān)資料,需要的朋友可以參考下2016-01-01jquery中加載圖片自適應(yīng)大小主要實現(xiàn)代碼
當(dāng)圖片較小時顯示實際大小,當(dāng)圖片超過div 大小時圖片自動適應(yīng)div的大小,下面有個示例,大家可以參考下,希望對大家有所幫助2013-08-08JQuery對ASP.NET MVC數(shù)據(jù)進行更新刪除
這篇文章主要介紹了JQuery對ASP.NET MVC數(shù)據(jù)進行更新刪除的相關(guān)資料,需要的朋友可以參考下2016-07-07jQuery獲取訪問者IP地址的方法(基于新浪API與QQ查詢接口)
這篇文章主要介紹了jQuery獲取訪問者IP地址的方法,實例分析了jQuery基于新浪API與QQ查詢接口獲取來訪者IP的相關(guān)參數(shù)傳遞與數(shù)據(jù)處理技巧,需要的朋友可以參考下2016-05-05