jquery对象和javascript对象即DOM对象相互转换

Posted tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery对象和javascript对象即DOM对象相互转换相关的知识,希望对你有一定的参考价值。

jquery对象和javascript对象即DOM对象相互转换

1. DOM 对象转成 jQuery 对象
对于已经是一个 DOM 对象,只需要用 $() 把DOM对象包装起来,就可以获得一个 jQuery 对象了,$(DOM 对象) 注: var是定义变量
如: 

var v = document.getElementById("v"); //DOM对象
var $v = $(v); //jQuery 对象
转换后,就可以任意使用 jQuery 的方法。
2. jQuery 对象转成 DOM 对象
两种转换方式讲一个 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对象 ( $v.get()[0] 也可以 )
alert(v.checked); //检测这个 checkbox 是否被选中















以上是关于jquery对象和javascript对象即DOM对象相互转换的主要内容,如果未能解决你的问题,请参考以下文章

DOM对象和JQuery对象的区别

jQuery ---[jQuery概述,jQuery对象与DOM对象的区别和相互转换]

Jquery对象和DOM对象的区别

jquery对象和dom对象的区别

DOM对象与jQuery对象有什么不同

关于jquery对象与DOM对象