JS和jQuery对象的转换怎样实现，方法是什么？-群英

上一篇：jQuery实现全选效果的思路和方法是什么？下一篇：jQuery怎么取消hover事件，有什么要注意的？

这篇文章给大家分享的是实现JS和jQuery对象的转换的方法。小编觉得挺实用的，因此分享给大家做个参考，文中的示例代码介绍得很详细，有需要的朋友可以参考，接下来就跟随小编一起了解看看吧。

本文操作环境：windows7系统、jquery3.2.1版、DELL G3电脑

js对象怎么转换jquery对象？

JS对象和Jquery对象的转换

js类型的对象和jquery类型的对象，是完全不同的两种对象。然而，两种对象的方法并不能相互调用。那么js对象如果想调用jquery里的方法，或者jquery对象想调用js的方法，怎么办？这时候涉及到js对象和jquery对象的相互相互转换的问题。

例如：

①document.getElementById("text").hide();

实现不了，因为hide()是jquery对象的方法,js对象是没办法调用的

②$("#text2").innerHTML = "jredu";

同样也是实现不了，因为innerHTML是js对象的属性，jquery对象是没办法使用的。

那么，接下来给大家介绍一下怎么实现js和jQuery之间的相互转换：

---转换1：js对象转换成jquery对象

---转换2：jquery对象转换成js对象

1.js对象转换成jquery对象：

--$():jquery对象的转换工厂，可以把js对象转换成jquery对象。

2.jquery对象转换成js对象：

通过$()获取的元素都是数组类型的，可以通过索引获取数组里的元素，得到的元素就是js类型的。

关于JS和jQuery对象的转换的方法就介绍到这，通过上述两种转换就可以实现相互调用的功能，感兴趣的朋友可以参考，希望能对大家有帮助，想要了解更多大家可以关注群英网络其它的相关文章。

文本转载自PHP中文网

标签： js和jquery对象的转换

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：jQuery实现全选效果的思路和方法是什么？下一篇：jQuery怎么取消hover事件，有什么要注意的？