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对象和Javascript对象之间转换的实例代码

您可能感兴趣的文章: