jQuery和DOM的互换

<p>温实初</p>
<p>沈眉庄</p>

var ps = document.getElementsByTagName("p");
    console.log(ps)
    console.log($("p"))

首先，我们来准备两个p标签目的是判断两种不同类型，然后获取标签打印他们的类型。

打印出来的结果就是ps，也就是平常获取标签方法的结果类型是类数组集合 ：

 而$("p")jquery获取的类型是jq对象 ：

再比如：

<div id="BOOS">皇上</div>

var dBos = document.getElementById("BOOS");
    console.log(dBos)
    console.log($("p"),$("#BOOS"))

结果是，平常的获取id名字的方法“dBos”是标签，而$("#BOOS")还是jq对象,其内部包含类数组。

 jquery和dom能够互换：

DOM转换成jquery

var dBos = document.getElementById("BOOS");
    console.log($("dBos"))

 结果如下：

将jquery转换成DOM：

var dBos = document.getElementById("BOOS");
    console.log($("#BOOS")[0])

结果如下： 其中$("#BOOS")还是jq对象，加上[0]以后才是dom对象。

jq对象更像是一种容器，它包含dom对象，还包含一些其他的方法。