jQuery与DOM相互转换

先执行一下代码

 $(function () {

     var div=$("<div></div>");

     console.log(div);

 });

(注意，div的初始化，这个等价于js里面的

　　　　var div=document.createElement("div");

)

看结果：

jQuery与DOM相互转换

从结果可以看出：

　　　　①：输出的是jQuery对象

　　　　②：0：div 集合的0位置是div

从第②点也就引出了两者的转换。

在看代码：

 $(function () {

     var div=$("<div></div>");

     console.log(div[0]);

 });

输出结果是

jQuery与DOM相互转换

这就使得jQuery对象转换成了DOM标签了

如果在转换回去，可写：

 $(function () {

     var div=$("<div></div>");

     console.log($(div[0]));

 });

效果图：

jQuery与DOM相互转换

总结：

　　jQuery转换成DOM：加下标，如div[0]

　　DOM转换成jQuery：用$()包围

用处：

　　事件（如点击事件）的行使对象应该是对象，不应该是标签，

　　　　　　　　换句话说应该是jQuery不应该是DOM，

　　　　　　　　在换言之，应该是{div}不应该是<div></div>

最后再说一下this,jQuery的this写法是$(this)他指的是对象

　　　　而DOM this指的是标签，所以有的时候（如Card那篇博客中，应为this._htmlNode添加事件，this添加事件会报错）。

秒客网