Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jQuery对象和Javascript对象之间转换的实例代码

jQuery对象和Javascript对象之间转换的实例代码

发布时间:2013-11-22   编辑:www.jquerycn.cn
jQuery对象和Javascript对象之间转换的实例代码,需要的朋友可以参考一下

复制代码 代码如下:

以下是本人的一些分享,我热爱编程,希望能多交编程的爱好者,如果你也是其中一名,那么请加好友,大家关注一下,下面的文章是自己觉得一些有用的东西,留下来给自己当笔记,当然也希望能帮助到你,首先感谢你的阅读~!
  如果我们在用jquery作为客户端页面的脚本,时常都会涉及到jQuery对象和Javascript对象的相互转换。因为,DOM对象就是Javascript 固有的一些对象操作。DOM 对象能使用Javascript 固有的方法,但是不能使用 jQuery 里的方法。所以,我们广州达内分享一点点它们之间的转换代码供大家学习及参考。

  1. DOM 对象转成 jQuery 对象

  对于已经是一个 DOM 对象,只需要用 $() 把DOM对象包装起来,就可以获得一个 jQuery 对象了,$(DOM 对象)

  如: 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对象之间转换的实例代码
JQUERY 对象与DOM对象之两者相互间的转换
jQuery对象和DOM对象使用说明
jQuery对象与DOM对象之间的转换方法
JavaScript对象之间的转换 jQuery对象和原声DOM
jQuery学习笔记之DOM对象和jQuery对象
jQuery对象和DOM对象的相互转化实现代码
jQuery对象和DOM对象相互转化
jquey笔记之dom对象与jquery对象互换的例子
JavaScript Boolean(布尔)对象

关键词: jQuery  Javascript   
[关闭]