国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 滕州市| 鄂尔多斯市| 宁安市| 同江市| 绿春县| 凤庆县| 通河县| 介休市| 雅安市| 湘潭市| 汶川县| 乳源| 延庆县| 鹤岗市| 鄂尔多斯市| 山东| 双鸭山市| 灵山县| 社旗县| 玉林市| 历史| 松江区| 合江县| 嘉禾县| 电白县| 辽中县| 汽车| 东光县| 汕尾市| 邓州市| 铜陵市| 台北市| 定结县| 嘉义县| 陇西县| 峨眉山市| 永昌县| 奇台县| 上栗县| 灌阳县| 塔城市|