Heim > Web-Frontend > js-Tutorial > jQuery对象和Javascript对象之间转换的实例代码_jquery

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

WBOY
Freigeben: 2016-05-16 17:39:50
Original
871 Leute haben es durchsucht

复制代码 代码如下:

以下是本人的一些分享,我热爱编程,希望能多交编程的爱好者,如果你也是其中一名,那么请加好友,大家关注一下,下面的文章是自己觉得一些有用的东西,留下来给自己当笔记,当然也希望能帮助到你,首先感谢你的阅读~!
  如果我们在用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 是否被选中

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage