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

首頁 > 網站 > WEB開發 > 正文

jQuery對象與dom對象的區別與相互轉換

2024-04-27 15:01:07
字體:
來源:轉載
供稿:網友

什么是jQuery對象?

就是通過jQuery包裝DOM對象后產生的對象。jQuery對象是jQuery獨有的,其可以使用jQuery里的方法。
例如:

$("#test").html() 

意思是指:獲取ID為test的元素內的html代碼。其中html()是jQuery里的方法

這段代碼等同于用DOM實現代碼:

document.getElementById("id").innerHTML;

 

雖然jQuery對象是包裝DOM對象后產生的,但是jQuery無法使用DOM對象的任何方法,同理DOM對象也不能使用jQuery里的方法.亂使用會報錯。比如:$("#test").innerHTML、document.getElementById("id").html()之類的寫法都是錯誤的。

注意:用#id作為選擇符取得的是jQuery對象與document.getElementById("id")得到的DOM對象,這兩者并不等價。請參看如下說的兩者間的轉換。

jQuery對象轉成DOM對象

兩種轉換方式將一個jQuery對象轉換成DOM對象:[index]和.get(index);

(一)jQuery對象是一個數據對象,可以通過[index]的方法,來得到相應的DOM對象。
例:

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

 

(2)jQuery本身提供,通過.get(index)方法,得到相應的DOM對象。
例:

var $v=$("#v"); //jQuery對象var v=$v.get(0); //DOM對象alert(v.checked) //檢測這個checkbox是否被選中

 

DOM對象轉成jQuery對象

對于已經是一個DOM對象,只需要用$()把DOM對象包裝起來,就可以獲得一個jQuery對象了。
例:

var v=document.getElementById("v"); //DOM對象var $v=$(v); //jQuery對象

 

轉換后,就可以任意使用jQuery的方法了。

總結

例如:

$("#msg")[0],$("div").eq(1)[0],$("div").get()[1],$("td")[5]

 

這些都是dom對象,可以使用dom中的方法,但不能再使用Jquery的方法。

以下幾種寫法都是正確的:

$("#msg").html();$("#msg")[0].innerHTML;$("#msg").eq(0)[0].innerHTML;$("#msg").get(0).innerHTML;

 


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 航空| 连江县| 绩溪县| 即墨市| 新平| 合作市| 隆回县| 渭南市| 新田县| 资中县| 湟源县| 万宁市| 鹤岗市| 高清| 双峰县| 界首市| 金阳县| 郴州市| 信丰县| 罗田县| 田阳县| 繁昌县| 峨山| 扎鲁特旗| 丰都县| 肥城市| 双鸭山市| 临城县| 晴隆县| 密云县| 灵璧县| 肥西县| 凤台县| 山东省| 沙洋县| 湖北省| 长沙市| 永定县| 灵台县| 汉阴县| 白玉县|