JQuery 的eq和get方法的區別

2021-06-28 19:59:49 字數 557 閱讀 4876

一、之前使用eq和get方法都是隨意而為,卻沒深究其中的區別:

eq方法返回的是jquery物件,而get方法返回的是js物件;jquery物件可以使用jquery方法,而js物件卻只能使用js原生的方法,但是js物件可以轉換成jquery物件再使用jquery方法即可;例如:訪問某個元素的backcolor:

①使用eq方法:$("dv").eq(0).css("backcolor")

②使用get方法:$("dv").get(0).style.backcolor

二、jquery物件和dom物件相互轉換方法:

1.jquery物件——>dom物件:

有兩種方式:

①jquery物件.get(0)

例如:var v = $("#id").get(0);//dom物件

②jquery物件[0]

例如:var v = $("#id")[0];//dom物件

2.dom物件——>jquery物件:

$(dom物件),例如:var $v =$(document.getelementbyid("id"));//jquery物件

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 方法返回的是乙個jquery物件,也就是 object object get 方法返回的是dom物件組成的陣列,也就是 object htmllielement 我們用乙個例子說明一下 首先引入jquery庫檔案,html item1li item2li item3li ul bod...