Jquery物件和Dom物件的區別分析

2022-10-10 15:51:09 字數 979 閱讀 9442

在討論之前,先約定好定義變數的風格。

如果獲取的物件是jquery物件,那麼在變數前加上$,例如:

**如下:

var $variable = jquery物件;

如果獲取的是dom物件,則定義如下:

**如下:

var variable = dom物件;

jquery物件不能使用dom中的方法,但是如果對jquery物件所提供的方法不熟悉,或者jquery沒有封裝想要的方法,不得不實用dom物件的時候,有以下兩種處理方法。jquery提供了兩種方法將乙個jquery物件轉換成dom物件,即[index]和get(index).

1、jquery物件是乙個陣列物件,可以通過[index]的方法得到相應的dom物件。

**如下:

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

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

alert(cr.checked) //檢測這個checkbox是否選中了

2、通過get(index)方法得到相應的dom物件。

**如下:

var $cr = $("#cr");

var cr = $cr.get(0);

alert(cr.checked);

對於乙個dom物件,只需要用$()把dom物件包裝起來,就可以獲得乙個jquery物件了,方式為$(dom物件)。

**如下:

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

var $cr = $(cr);

總結:一、jquery方法裡的get方法事實上是獲得dom元素($(this).get(0)與$(this)[0])

二、而jquery方法裡的eq、first、last等方法都是返回的jquery物件

三、dom物件才能使用dom中的方法,jquery物件不可以使用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獨有的,其可以使用...