美文网首页Web前端之路
jquery对象和javascript对象即DOM对象相互转换

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

作者: Wg流星 | 来源:发表于2017-04-20 09:17 被阅读18次

摘至: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中的方法。

相关文章

网友评论

    本文标题:jquery对象和javascript对象即DOM对象相互转换

    本文链接:https://www.haomeiwen.com/subject/uemkzttx.html