jQuery物件和DOM物件的區別和聯絡

2021-08-02 17:12:05 字數 851 閱讀 1108

最近看jquery，對哪些是jquery物件，哪些是dom物件的概念有些模糊，下面簡單總結一下學習筆記。

$("#test").html()意思是指：獲取id為test的元素內的html**。其中html()是jquery裡的方法。這段**等同於用dom實現**：document.getelementbyid("id").innerhtml;

兩種轉換方式將乙個jquery物件轉換成dom物件：[index]和.get(index);

(1)jquery物件是乙個資料物件，可以通過[index]的方法，來得到相應的dom物件，如：

var $div =$("div") ; //jquery物件


var div=$div[0]; //dom物件
(2)jquery本身提供，通過.get(index)方法，得到相應的dom物件，如：

var $div=$("div"); //jquery物件


var div=$div.get(0); //dom物件
對於已經是乙個dom物件，只需要用$()把dom物件包裝起來，就可以獲得乙個jquery物件了。如：

var otest=document.getelementbyid("test"); //dom物件


var $test=$(otest); //jquery物件
轉換後，就可以任意使用jquery的方法了。

通過以上方法，可以任意的相互轉換jquery物件和dom物件。需要再強調注意的是：dom物件才能使用dom中的方法，jquery物件是不可以用dom中的方法。

jQuery物件和DOM物件

jquery 物件就是 通過 jquery 包裝 dom 物件後產生的物件或者 選擇器 產生的物件 jquery 物件是 jquery 獨有的.如果乙個物件是 jquery 物件,那麼它就可以使用 jquery 裡的方法 persontab html jquery 物件無法使用 dom 物件的任何方...

dom物件和jquery物件

剛開始學習 jquery 可能一時會分不清楚哪些是jquery物件，哪些是dom物件。至於dom物件不多解釋，我們接觸的太多了，下面重點介紹一下jquery，以及兩者相互間的轉換。什麼是jquery物件？就是通過jquery包裝dom物件後產生的物件。jquery物件是jquery獨有的，其可以使用...

Dom物件和JQuery物件

剛開始學習 jquery 可能一時會分不清楚哪些是jquery物件，哪些是dom物件。至於dom物件不多解釋，我們接觸的太多了，下面重點介紹一下jquery，以及兩者相互間的轉換。什麼是jquery物件？就是通過jquery包裝dom物件後產生的物件。jquery物件是jquery獨有的，其可以使用...