区别jquery对象和dom对象及转换方法

Posted 2020-10-04 丿格物致知丶

一、jquery对象

　　由$（） 获取，例如 var div = $("#id"); 这个div是jquery对象，它里面没有dom对象自带的方法。常见的dom对象自带的方法，

例如 div.innerhtml(); 本人以第一次出现的这个错误是写video 标签，得到的jquer对象使用了dom 对象的方法，结果无效。后来认真考虑了这个问题。

二、dom对象

　　由document.getElement..得到，这个对象是正宗的dom对象， 拥有元素自带的所有方法。

所以有一个不成文的规定，为了区分jquery对象和dom对象，用var $div = $("#id"); 表示得到的是jquery对象，dom对象还是普通的写法。

jquery对象和dom对象能够相互转化：

　　jquery转化为dom对象：div = $div.[0] 或$div.get(0)或$div.eq(0)[0]

　　dom转化成jquery对象：$div = $(div);

希望能帮助到您。