JQuery中eq 和get 的區別

2022-10-11 05:39:09 字數 882 閱讀 2403

眾所周知,eq()方法返回的是乙個jquery物件,也就是[object object];

get()方法返回的是dom物件組成的陣列,也就是[object htmllielement];

我們用乙個例子說明一下:

首先引入jquery庫檔案,

html

item1li>

item2li>

item3li>

ul>

body>

js

此時,點選按鈕第二個li,即item2字型變為黃色,但是item3沒有變為紅色,且報如下錯誤:

報錯的意思是,$obj沒有get()方法,因為它是乙個dom物件組成的陣列,它是沒有get()方法,那麼我們怎樣把它變為jquery物件了?

只需將$obj.get(2)改為$($obj.get(2))即可,

關於jquery物件與dom物件的轉換可以參考

再次點選按鈕時,就會呈現如下的畫面:

驗證完畢,經過這個例子相信大家對於eq()與get()方法會有所了解了。

最後在來個擴充套件吧,還是基於上面的html

大家可以猜猜看,彈出那個了?

經過本人驗證彈出的是111,那麼可以得出乙個結論:$obj.get(1)和$obj[1],在這裡可以互相替換使用。

以上是個人見解,有不到之處還望大家指正。

JQuery中eq 和get 的區別

下來我們就開門見山吧,相信大家在工作中經常會用到這兩個方法吧,那麼他們的區別是什麼了?眾所周知,eq 方法返回的是乙個jquery物件,也就是 object object get 方法返回的是dom物件組成的陣列,也就是 object htmllielement 我們用乙個例子說明一下 首先引入jq...

jQuery中eq和get的區別

相信大部份人都會把這2個的用法搞錯。仔細檢視下api文件就可以知道。eq返回的是乙個jquery物件,get返回的是乙個html 物件陣列。舉個例子 style color yellow 緋雨 使用eq來獲得第乙個p標籤的color值 p eq 0 css color 因為eq num 返回的是個j...

JQuery 的eq和get方法的區別

一 之前使用eq和get方法都是隨意而為,卻沒深究其中的區別 eq方法返回的是jquery物件,而get方法返回的是js物件 jquery物件可以使用jquery方法,而js物件卻只能使用js原生的方法,但是js物件可以轉換成jquery物件再使用jquery方法即可 例如 訪問某個元素的backc...