簡述Jquery與DOM對象
在第一次學習jquery中，常常會不能分辨DOM對象和Jquery對象，下面我們就簡訴一下它們之間的關(guān)系和區(qū)別
1.DOM對象（Document Object Model）
文檔對象模型，每一份DOM都可表示為一棵樹，例如下面是一個簡單的網(wǎng)頁代碼：
表示為DOM為：
我們可以通過JS中的getelementsByTayName或getelementsByTayId來獲取樹中的節(jié)點，像這樣獲取到的元素就是DOM對象，DOM可以使用JS中方法，例如：
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對象的任何方法，例如：
3.DOM對象和Jquery對象之間的相互轉(zhuǎn)化
我們在轉(zhuǎn)化他們之前，必須先規(guī)定定義變量的風格，如定義個Jquery對象時，添加一個$符號，例如：
var $obj=Jquery對象
定義DOM對象時，則不需要添加任何符號，這樣可以幫助我們區(qū)分變量是什么對象，提高代碼的可讀性，例如：
var domobj=DOM對象
當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)容了，希望大家能夠喜歡。
相關(guān)文章
這篇文章主要介紹了jQuery判斷一個元素是否可見的方法,涉及jQuery鏈式操作及樣式判定的技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了JQuery右鍵菜單插件ContextMenu使用指南,需要的朋友可以參考下2014-12-12
jquery插件，有幾種方法，有全局的，有對象方法的，一直覺得jquery插件迷迷糊糊，這陣子特地研究下，供那些像我一樣的初學者借鑒下。嘻嘻2012-08-08
這篇文章主要為大家分享了jqueryUI tab標簽頁代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
基于jquery的loading 加載提示效果實現(xiàn)代碼
有時候為了更好的用戶體驗，使用jquery的朋友可以參考下代碼。2011-09-09
下面小編就為大家?guī)硪黄髽私?jīng)過出現(xiàn)氣泡框的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
這篇文章主要為大家詳細介紹了jQuery選擇器實例應用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要介紹了Jquery動態(tài)添加輸入框的方法,實例分析了jQuery中append方法添加頁面元素的使用技巧,需要的朋友可以參考下2015-05-05
JQuery UI的拖拽功能實現(xiàn)方法小結(jié)
JQuery UI是JQuery官方支持的WebUI 代碼庫，包含底層交互、動畫、特效等API，并且封裝了一些Web小部件（Widget）。同時，JQuery UI繼承了jquery的插件支持，有大量的第三方插件可以豐富JQuery UI的功能2012-03-03
這篇文章主要介紹了jQuery層級選擇器用法,實例分析了常見的四種層級選擇器的使用技巧,并給出了實例總結(jié),需要的朋友可以參考下2015-02-02