摘要:代码如下:  如果我们在用jQuery作为客户端页面的脚本,时常都会涉及到jQuery对象和Javascript对象的相互转换。因为,DOM对象就是Javascript 固有的一些对象操作。DOM 对象能使用Javascript 固有的方法,但是不能使用 jQuery 里的方法。所以,我们广州达内分享一点点它们之间的转换代码供大家学习及参考。

脚本宝典收集整理的这篇文章主要介绍了

js实例教程-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作为客户端页面的脚本,时常都会涉及到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 是否被选中

觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦! js技巧,巧夺天工,精雕玉琢。小宝典献丑了!

总结

以上是脚本宝典为你收集整理的

js实例教程-jQuery对象和Javascript对象之间转换的实例代码

全部内容,希望文章能够帮你解决

js实例教程-jQuery对象和Javascript对象之间转换的实例代码

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过