jQuery对象与DOM对象的相互转化

原因是在 jQuery 对象中无法使用 DOM 对象的任何方法，如 $("p").innerHtml 是错误的，因为它的写法是 $("p").html()。同样，DOM对象中也不能用 jQuery 对象中的方法，如 document.getElementsByTagName("p").html() 是错误的。

1、jQuery 对象转化为 DOM 对象

jQuery对象如果想要用 DOM 对象中的方法，就需要转化为 DOM 对象。jQuery对象转化为 DOM 对象有两种方式，代码如下：

var $test = $("test");
var test = $test[0];   // jQuery对象是一个数组，可以通过索引得到 DOM 对象

或者：

// 用jQuery提供的get(index) 方法得到 DOM 对象
var test = $test.get(0)'

2、DOM 对象转化为 jQuery 对象

同理，DOM 对象如果想要用 jQuery 对象中的方法，DOM 对象就需要转化为 jQuery 对象。DOM 对象转化为 jQuery 对象代码如下：

var test = document.getElementById("p");
var $test = $(test);  // 用jQuery 的工厂方法

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_10382