jquery对象和js对象的相互转换

两种转换方式将一个jQuery对象转换成js对象：[index]和.get(index);
(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的js对象。
如：var $v =$("#v") ; //jQuery对象
var v=$v[0]; //js对象
alert(v.checked) //检测这个checkbox是否被选中
(2)jQuery本身提供，通过.get(index)方法，得到相应的js对象
如：var $v=$("#v"); //jQuery对象
var v=$v.get(0); //js对象
alert(v.checked) //检测这个checkbox是否被选中

js对象转成jQuery对象:

对于已经是一个js对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。$(js对象)
如：var v=document.getElementById("v"); //js对象
var $v=$(v); //jQuery对象

转换后，就可以任意使用jQuery的方法了。

之所以写这篇文章是因为把jquery和JavaScript弄混乱了，里面的方法有点搞糊涂了，这是在做项目时，发现其中有一句代码是这样的，直接上图 jquery对象和js对象的相互转换

jquery对象和js对象的相互转换

然后因为之前写过一个功能有一段代码是这样的，直接上图：

jquery对象和js对象的相互转换

然后我就在想两个都是放在表格里面的id，为啥一个存放数据时，下面有下标，一个没有。后来就去查询了方法，得知appendChild()这个方法是JavaScript里面的方法，而$("#stagelist")是jquery获取ID的方式。下面补充一下，js和jquery获取ID的区别：

JavaScript：
document.getElementById('idName')
JQuery：

$('#idName')

当你$("#stageslist")[0].appendChild(tr)这么写时就要进行类型转换，$("#stageslist")是jquery对象，appendChild()这个是JavaScript的方法，所以jquery对象要调用js的方法是首先要转换成js对象。

由于第一次写文章，各位大佬级别的人物勿喷，小女子只是将以前不懂的内容做一个记录，既可以方便自己也可以帮助遇到我这样问题的人。以后再次遇到不懂的内容会继续写博客记录，谢谢!

jquery对象和js对象的相互转换

相关推荐