欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-05-14 18:15:07
代码如下:   如果我们在用jquery作为客户端页面的脚本,时常都会涉及到jquery对象和javascript对象的相互转换。因为,dom对象就是javascript 固有的一些对象操作。dom...

代码如下:

  如果我们在用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 是否被选中