国产探花免费观看_亚洲丰满少妇自慰呻吟_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。


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

圖片精選

主站蜘蛛池模板: 清丰县| 武汉市| 隆回县| 西华县| 循化| 北流市| 林芝县| 彩票| 玛多县| 清河县| 高安市| 辛集市| 安仁县| 青神县| 张掖市| 海安县| 正安县| 崇阳县| 清丰县| 冕宁县| 武宁县| 孟连| 广饶县| 宽甸| 望城县| 军事| 大理市| 大田县| 泸水县| 岳阳市| 当阳市| 新郑市| 通渭县| 庆阳市| 天峨县| 修水县| 衡山县| 阜宁县| 图木舒克市| 湖北省| 皋兰县|