How to use JQuery object and DOM object

Editor to share with you how to use JQuery objects and DOM objects, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

JQuery object and DOM object

1. The object obtained with native js is the DOM object

two。 The object obtained with JQuery is the JQuery object.

$('div')

3. The difference between the two kinds of objects: the essence of the JQuery object is: the object produced by wrapping the DOM object with $(pseudo-array storage)

Sample code:

North squid / / DOM object: the object obtained with the native JS is the DOM object var myDiv = document.querySelector ('div'); / / myDiv is the DOM object var mySpan = document.querySelector (' span') / / mySpan is a DOM object / / jquery object: the object obtained by jquery is a jquery object. The essence is that the DOM element is wrapped by $$('div'); $(' span'); / / the two are easy to confuse myDiv.hide () / / error. MyDiv is a DOM object and cannot have the hide method in jquery. $('div'). Style.display =' none'// error, jquery object cannot use native js properties and methods. These are all the contents of the article "how to use JQuery object and DOM object". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!