jQuery物件和DOM物件

2021-08-21 19:38:00 字數 1170 閱讀 3130

頂級物件:

瀏覽器中的頂級物件:window,瀏覽器中和頁面中的所有東西都是window的

頁面中的頂級物件:document

jquery中的頂級物件:jquery----->為了方便可以用$來代替,jquery的js檔案中的所有東西都是jquery或$下的

在jquery中使用屬性和方法:

$.屬性名和$.方法名(),或jquery.屬性名、jquery.方法名()

而jquery中幾乎都是方法,屬性很少,jquery把dom事件函式去掉on,然後封裝為方法

例如:dom:document.getelementbyid("id屬性值").onclick = 匿名函式;

jquery:$("#id屬性值").click(匿名函式);

dom物件和jquery物件:

乙個物件時通過dom方式獲取的就是dom物件(例如:document.getelementbyid("id屬性值")),如果是通過jquery方式獲取的就是jquery物件(例如:$("#id屬性值"))通過這兩種不同方式獲取的物件並不相等。

jquery物件無法使用dom物件的任何方法,同樣dom物件也無法使用jquery物件的任何方法。所以要想使用對方的方法,那麼就必須進行轉換。

jquery物件和dom物件的相互轉換

1、dom物件轉成jquery物件

-  $(dom物件)

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

var $cr = $(cr); //jquery物件

注意:平時用到的jquery物件都是通過$()函式製造出來的,$()函式就是乙個jquery物件的製造工廠。

2、jquery物件轉成dom物件

-  jquery物件[0]或jquery物件.get(0)

var $cr = $("#cr");      //jquery物件

var cr = $cr[0]; //dom物件

car cr2 = $cr.get(0); //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獨有的,其可以使用...