jQuery对象与js对象的区别以及index()/get()/eq()

最新推荐文章于 2022-01-22 14:27:12 发布

原创最新推荐文章于 2022-01-22 14:27:12 发布 · 428 阅读

CC 4.0 BY-SA版权

文章标签：

3 篇文章

订阅专栏

本文详细解析了JavaScript DOM对象与jQuery DOM对象的区别及转换方法。通过实例演示如何将JS DOM对象转换为JQ DOM对象，介绍了jQuery的index(), get()和eq()方法的使用，帮助读者更好地理解和运用DOM操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我们首先要分清楚，用$()的方式，获取的DOM对象是被封装过的jq对象，可以使用jq提供的封装过的方法。用js获取的DOM对象就是jsDOM对象，不能使用jq封装的方法。

想把jsDOM对象变成JqDOM对象，将jsDOM对象，放在$()中即可。

var div = document.getelementById("dv");//jsDOM对象
    div = $(div)//jqDOM对象

如果你了解jqDOM的原理，可以知道，jq对象其实是将jsDOM对象，存在了一个伪数组中=====jq对象

这个问题，我也就解释道这吧，相信对于迷茫的你还是会有点帮助的。

jq对象实际上是一个类似数组的伪数组，jq就封装了三个方法，用来获取某一个对象。

index()方法，是为了获取当前jq对象在兄弟元素中的索引：无参数

var lis = $("ul li");
lis.click(function(){
    console.log($(this).index())//获取当前元素在兄弟元素的中的索引
})

get()方法，从jq对象中,取出一个jsDOM对象：参数是索引-数字

var lis = $("li");//JQdom
var li = lis.get(0);//取出第一个js对象

eq()方法，是为了从一个jq对象中，获取其中一个jq对象：参数是索引值- 数字

var lis = $("li");//JQdom
var li = lis.eq(0);//取出第一个JQ对象（可以理解为先把普通的jsDON取出来，再封装成jqDOM）