JS和JQ获取对象的区别

最新推荐文章于 2022-08-05 14:37:52 发布

原创最新推荐文章于 2022-08-05 14:37:52 发布 · 348 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #jquery

阿里百秀项目实战文章发表项目实战专栏收录该内容

6 篇文章

订阅专栏

本文探讨了JavaScript（JS）和jQuery（JQ）获取DOM对象的不同方式，包括JS的getElementById和JQ的选择器，以及两者获取对象形式的差异。JS获取的是DOM对象，而JQ则返回DOM对象的包装对象。同时，文章介绍了如何在两者之间进行转化，如JS对象通过括号操作符或.get()方法转化为JQ对象，以及JQ对象通过[index]或.get(index)获取DOM对象。

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

1、如何获取对象
JS getElementId(‘id’)
JQ $(’#id’)

2、获取到的对象的形式
JS获取到的是DOM对象【object htmlDivElement】
JQ获取到的是 DOM对象包装成的对象【object object】

3、之间如何转化
JS对象转成JQ对象
var v=document.getElementById(“v”); //DOM对象
var $v =$ (v); //jQuery对象
转换后，就可以任意使用jQuery的方法了
JQ转成JS对象
两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index);
(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。
如：var $v =$ ("#v") ; //jQuery对象
var v=$v[0]; //DOM对象
alert(v.checked) //检测这个checkbox是否被选中
(2)jQuery本身提供，通过.get(index)方法，得到相应的DOM对象
如：var $v =$ ("#v"); //jQuery对象
var v=$v.get(0); //DOM对象
alert(v.checked) //检测这个checkbox是否被选中