国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

Jquery對象和Dom對象的區別分析

2024-05-06 16:10:47
字體:
來源:轉載
供稿:網友
最近有小伙伴咨詢Jquery對象和Dom對象的區別,今天我們談談個人對于Jquery對象和Dom對象的區別的理解,如有遺漏或者錯誤還請指出。
 
 

在討論之前,先約定好定義變量的風格。

如果獲取的對象是jQuery對象,那么在變量前加上$,例如:

 

復制代碼代碼如下:

var $variable = jQuery對象; 

 

如果獲取的是DOM對象,則定義如下:

 

復制代碼代碼如下:

var variable = DOM對象; 

 
jQuery對象不能使用DOM中的方法,但是如果對jQuery對象所提供的方法不熟悉,或者jQuery沒有封裝想要的方法,不得不實用DOM對象的時候,有以下兩種處理方法。jQuery提供了兩種方法將一個jQuery對象轉換成DOm對象,即[index]和get(index).
 
1、jQuery對象是一個數組對象,可以通過[index]的方法得到相應的DOM對象。

 

 

復制代碼代碼如下:

var $cr = $("#cr"); //jQuery對象
var cr = $cr[0] //DOM對象
alert(cr.checked) //檢測這個checkbox是否選中了 

 

2、通過get(index)方法得到相應的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); 
 

 

總結:
 
一、jQuery方法里的get方法事實上是獲得Dom元素($(this).get(0)與$(this)[0])
 
二、而jQuery方法里的eq、first、last等方法都是返回的Jquery對象
 
三、DOM對象才能使用DOM中的方法,jQuery對象不可以使用DOM中的方法。jQuery對象提供了一套更加完善的工具用于操作DOM。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 洞口县| 河北区| 深圳市| 长乐市| 屯昌县| 桑植县| 观塘区| 六枝特区| 静安区| 文成县| 从江县| 区。| 拜泉县| 沾化县| 宾阳县| 达州市| 靖宇县| 冷水江市| 高青县| 辽阳市| 连山| 大冶市| 江华| 公安县| 黔江区| 大城县| 和政县| 海伦市| 临朐县| 昆明市| 海南省| 盈江县| 安西县| 高雄市| 讷河市| 梁平县| 正定县| 永吉县| 宜阳县| 桓台县| 常州市|