关于HTML element和JavaScript/jQuery object的一些区别

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于HTML element和JavaScript/jQuery object的一些区别相关的知识,希望对你有一定的参考价值。

最近在调用html canvas的getContext("2d")的方法时,发现使用js的document.createElement("canvas")构造的canvas可以直接调用,而使用jQuery constructor $("<canvas>")构造出来的canvas需要canvas[0].getContext("2d")来调用

了解了一下HTML element和js/jQuery object的一些区别,原来发现使用document.createElement构造的是DOM element,ex:<div>, <a> 但是使用jQuery constructor构造的是一个新的object(container),看成一个array,array里包含了element,下面是console.log()得到两者的区别:

技术分享图片

发现自己好多都是直接Hack拿来用,有些地方都没整明白,还有很多需要学习的地方

 

参考:

https://www.quora.com/What-is-the-difference-between-a-raw-DOM-element-and-a-javascript-jQuery-object

https://stackoverflow.com/questions/6942193/whats-the-difference-between-a-jquery-object-and-a-dom-element-difference-betw

 

以上是关于关于HTML element和JavaScript/jQuery object的一些区别的主要内容,如果未能解决你的问题,请参考以下文章

关于JS当中element!

关于javascript的getelementbyid得到的为啥为null

如何使用 javascript 从 Audio Element 录制音频

封装常用的Javascript跨浏览器方法

HTML ELEMENTS行为中Javascript中的“This”关键字[重复]

JavaScript—Element元素对象