Jquery對象和Dom對象的區(qū)別分析
在討論之前,先約定好定義變量的風(fēng)格。
如果獲取的對象是jQuery對象,那么在變量前加上$,例如:
var $variable = jQuery對象;
如果獲取的是DOM對象,則定義如下:
var variable = DOM對象;
jQuery對象不能使用DOM中的方法,但是如果對jQuery對象所提供的方法不熟悉,或者jQuery沒有封裝想要的方法,不得不實用DOM對象的時候,有以下兩種處理方法。jQuery提供了兩種方法將一個jQuery對象轉(zhuǎn)換成DOm對象,即[index]和get(index).
1、jQuery對象是一個數(shù)組對象,可以通過[index]的方法得到相應(yīng)的DOM對象。
var $cr = $("#cr"); //jQuery對象
var cr = $cr[0] //DOM對象
alert(cr.checked) //檢測這個checkbox是否選中了
2、通過get(index)方法得到相應(yīng)的DOM對象。
var $cr = $("#cr");
var cr = $cr.get(0);
alert(cr.checked);
對于一個DOM對象,只需要用$()把DOM對象包裝起來,就可以獲得一個jQuery對象了,方式為$(DOM對象)。
var cr = document.getElementByID("cr"); //DOM對象
var $cr = $(cr);
總結(jié):
一、jQuery方法里的get方法事實上是獲得Dom元素($(this).get(0)與$(this)[0])
二、而jQuery方法里的eq、first、last等方法都是返回的Jquery對象
三、DOM對象才能使用DOM中的方法,jQuery對象不可以使用DOM中的方法。jQuery對象提供了一套更加完善的工具用于操作DOM。
- jquery對象和DOM對象的任意相互轉(zhuǎn)換
- jQuery對象與DOM對象之間的相互轉(zhuǎn)換
- jQuery對象和DOM對象之間相互轉(zhuǎn)換的方法介紹
- jQuery之DOM對象和jQuery對象的轉(zhuǎn)換與區(qū)別分析
- jquery對象和javascript對象即DOM對象相互轉(zhuǎn)換
- jquery對象和DOM對象的區(qū)別介紹
- jQuery學(xué)習(xí)筆記之DOM對象和jQuery對象
- jQuery對象和DOM對象使用說明
- jQuery對象與DOM對象之間的轉(zhuǎn)換方法
- jQuery對象和DOM對象的相互轉(zhuǎn)化實現(xiàn)代碼
- jQuery對象和DOM對象相互轉(zhuǎn)化
- jQuery對象與DOM對象轉(zhuǎn)換方法詳解
相關(guān)文章
JQuery實現(xiàn)動態(tài)添加刪除評論的方法
這篇文章主要介紹了JQuery實現(xiàn)動態(tài)添加刪除評論的方法,涉及jQuery處理鼠標事件及json數(shù)據(jù)的相關(guān)技巧,需要的朋友可以參考下2015-05-05
jQuery插件simplePagination的使用方法示例
這篇文章主要介紹了jQuery插件simplePagination的使用方法,結(jié)合實例形式分析了jQuery插件simplePagination實現(xiàn)表單分頁相關(guān)操作技巧與注意事項,需要的朋友可以參考下2020-04-04
Jquery動態(tài)替換div內(nèi)容及動態(tài)展示的方法
這篇文章主要介紹了Jquery動態(tài)替換div內(nèi)容及動態(tài)展示的方法,動態(tài)替換div內(nèi)容并展示的使用技巧與注意事項,需要的朋友可以參考下2015-01-01
jQuery實現(xiàn)網(wǎng)頁頂部固定導(dǎo)航效果代碼
這篇文章主要介紹了jQuery實現(xiàn)網(wǎng)頁頂部固定導(dǎo)航效果代碼,涉及jQuery響應(yīng)scroll事件動態(tài)操作頁面元素樣式的相關(guān)技巧,需要的朋友可以參考下2015-12-12
jQuery源碼分析-04 選擇器-Sizzle-工作原理分析
在分析Sizzle源碼之前,先整理一下選擇器的工作原理,先明確一些選擇器中用到的名詞,后邊閱讀時不會有歧義2011-11-11

