亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

簡述Jquery與DOM對(duì)象

 更新時(shí)間：2015年07月10日 09:36:04   投稿：hebedich  
這篇文章主要介紹了簡述Jquery與DOM對(duì)象的相關(guān)資料,十分的簡單實(shí)用，需要的朋友可以參考下

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

1.DOM對(duì)象（Document Object Model）

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

表示為DOM為：

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

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

2.Jquery對(duì)象

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

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

Jquery對(duì)象不能調(diào)用DOM對(duì)象的任何方法，例如：

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

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

我們?cè)谵D(zhuǎn)化他們之前，必須先規(guī)定定義變量的風(fēng)格，如定義個(gè)Jquery對(duì)象時(shí)，添加一個(gè)$符號(hào)，例如：

 var $obj=Jquery對(duì)象

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

var domobj=DOM對(duì)象

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

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

（2）另一種方法是Jquery自己提供的，通過get(index)獲取到DOM對(duì)象，例如：

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

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

DOM對(duì)象只需要通過$(),就可以轉(zhuǎn)化為一個(gè)Jquery對(duì)象，例如：

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

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

相關(guān)文章

最新評(píng)論