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

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

虽然 jQuery 对象与 DOM 对象不是同一个对象，但其实两者本质上是一样的，两者可以相互转换。

jQuery 对象转 DOM 对象

这里接着上面的伪数组继续说。

既然 jQuery 对象其实就是 DOM 对象的一个集合，那我们通过取出集合中一个对象，不就相当于是从 jQuery 的众多对象中取出来了一个，然后"转换"成了一个 DOM 对象吗？

jQuery 代码如下

$(function ()
{
var $div = $(“div”);
$div[0].style.background = “blue”;
});
浏览器运行效果如下:

可以看到，语文的背景色转换成功了。

DOM 对象转 jQuery 对象

DOM 对象转 jQuery 对象就更简单了，只需要将 DOM 对象当做参数传给 $() 就可以了。

这里给语文的 div 一个 chinese 的 id ，然后更改其内容为历史，代码如下所示

$(function ()
{
    var chinese = document.getElementById("chinese");
    $(chinese).text("历史");
});

浏览器运行效果如下所示

内容替换成功，说明 DOM 对象转 jQuery 对象也成功了。

这里之所以将 js 代码写到了 jQuery 代码中，是省去了 js 的入口函数，同时也说明 js 的代码是可以写到 jQuery 中的。

关于 jQuery 对象与 DOM 对象的区别与联系就简单说到这里。

来源：CSDN

作者：A-Select �

链接：https://blog.csdn.net/weixin_45959504/article/details/104147779