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

摘至:http://www.jb51.net/article/53391.htm

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);

  • jQuery 对象是一个数据对象,可以通过 [index] 的方法,来得到相应的 DOM 对象。
    如:
var $v = $("#v"); //jQuery 对象
var v = $v[0]; //DOM 对象
  • jQuery 本身提供,通过.get(index) 方法得到相应的 DOM 对象
    如:
var $v = $("#v"); //jQuery 对象
var v = $v.get(0); //DOM对象 ( $v.get()[0] 也可以 )

通过以上方法,可以任意的相互转换 jQuery 对象和 DOM 对象,需要再强调的是: DOM 对象才能使用DOM 中的方法,jQuery 对象是不可以使用DOM中的方法。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Dom原生对象和jQuery对象的联系、区别、相互转换: 联系: 1、jQuery对象:通过jQuery包装DOM...
    结构学AI阅读 3,749评论 0 1
  • 对于jQuery的初学者来说,经常分辨不清DOM对象和jQuery对象,本文简单说明两者的区别和两种对象相互转换的...
    超玉阅读 3,529评论 0 4
  • 今天中午接到百世快递电话,我换好衣服拿起手机就要出门,一眼瞥到满满的垃圾桶就顺手拎起绑好跨出房门,随手带上门,再熟...
    前方有路阅读 3,008评论 0 3
  • 倚天一出,谁与争锋 我小时候第一次接触的武侠剧,应该是苏有朋版的《倚天屠龙记》。里面美女如云,早期的周...
    琳咂酱阅读 10,487评论 2 5
  • 又是一年秋风起 这几天总觉得心里不安。
    小门墩阅读 1,111评论 0 0