Some differences about the HTML element and Javascript/jquery object

Recently, when invoking the GetContext ("2d") method of the HTML canvas, it was found that a canvas constructed with JS's document.createelement ("canvas") could be called directly, while using jquery Constructor $ ("<canvas>") constructs a canvas that requires Canvas[0].getcontext ("2d") to invoke

Understanding some of the differences between the HTML element and Js/jquery object, it turns out that the DOM Element,ex:<div> is constructed using Document.createelement; <a> But using jquery constructor constructs a new object (container), as a array,array contains element, and the following is Console.log () to get the difference:

Find yourself a lot of direct hack to use, and some places are not clear, there are a lot of places to learn

Reference:

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

Some differences about the HTML element and Javascript/jquery object