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

首頁 > 編程 > JavaScript > 正文

簡述Jquery與DOM對象

2019-11-20 12:04:18
字體:
供稿:網(wǎng)友

在第一次學(xué)習(xí)jquery中,常常會不能分辨DOM對象和Jquery對象,下面我們就簡訴一下它們之間的關(guān)系和區(qū)別

1.DOM對象(Document Object Model)

文檔對象模型,每一份DOM都可表示為一棵樹,例如下面是一個簡單的網(wǎng)頁代碼:

表示為DOM為:

我們可以通過JS中的getelementsByTayName或getelementsByTayId來獲取樹中的節(jié)點,像這樣獲取到的元素就是DOM對象,DOM可以使用JS中方法,例如:

復(fù)制代碼 代碼如下:
var domobj=document.getelementsByTayName("Name");            //獲取DOM對象
var objhtml=domobj.innerHTML;                                                 //使用JS中的innerHTML方法2.2

2.Jquery對象

Jquery對象就是通過Jquery包裝DOM對象后產(chǎn)生的對象,他是Jquery獨有的,可以調(diào)用jquery中的方法,例如:

$("#foo").HTML();

Jquery對象不能調(diào)用DOM對象的任何方法,例如:

復(fù)制代碼 代碼如下:
$("#foo").innerHTML                                                                       //將會出現(xiàn)錯誤

3.DOM對象和Jquery對象之間的相互轉(zhuǎn)化

我們在轉(zhuǎn)化他們之前,必須先規(guī)定定義變量的風(fēng)格,如定義個Jquery對象時,添加一個$符號,例如:

 var $obj=Jquery對象

定義DOM對象時,則不需要添加任何符號,這樣可以幫助我們區(qū)分變量是什么對象,提高代碼的可讀性,例如:

var domobj=DOM對象

當(dāng)Jquery類庫中沒有我們想要的方法或者我們對Jquery的方法不太清楚時,我們就可以轉(zhuǎn)化為DOM對象,有2種方法將Jquery對象轉(zhuǎn)化為DOM對象----[index]/get(index),
(1)jquery對象是一個數(shù)組對象,通過[index]得到一個DOM對象,代碼如下:

var $obj=$("#sc");var obj=$obj[0];alter(obj.checked);

(2)另一種方法是Jquery自己提供的,通過get(index)獲取到DOM對象,例如:

var $obj=$("#sc");var obj=$obj.get(0);alter(obj.checked);

4.DOM對象轉(zhuǎn)化為Jquery對象

DOM對象只需要通過$(),就可以轉(zhuǎn)化為一個Jquery對象,例如:

var obj=document.getelementsByTayName("Name");var $obj=$(obj);

以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 江城| 甘泉县| 盐亭县| 黎城县| 溆浦县| 镇坪县| 田东县| 五常市| 房产| 海城市| 昭苏县| 宁武县| 常山县| 新巴尔虎左旗| 乌兰浩特市| 常州市| 青浦区| 绥宁县| 张家界市| 临夏县| 岑溪市| 双辽市| 东明县| 安泽县| 黑河市| 镇康县| 乡宁县| 赣州市| 广南县| 恩平市| 夹江县| 增城市| 新巴尔虎左旗| 齐齐哈尔市| 松潘县| 桃江县| 陵水| 海盐县| 尉氏县| 德安县| 县级市|