What are the differences between jquery objects and DOM objects?

Many beginners of jquery are a little confused when learning jquery objects and DOM objects. They often can’t figure out which are jquery objects and which are DOM objects. The following article will introduce them to youjquery The difference between objects and DOM objects, friends in need can refer to it.

Let’s take a brief look at what is a jquery object? What is a DOM object?

jquery object: In the JQuery library, the object that can obtain the page DOM element through its own method is called a JQuery object.

DOM object: DOM is a collection of nodes or information fragments organized in a hierarchical structure. The Document Object Model is a set of APIs for HTML and XML files. The essence of DOM is to establish a communication bridge between web pages and scripting languages ​​or programming languages.

After reading the concepts of jquery objects and DOM objects we introduced above, let’s take a closer look at the difference between jquery objects and DOM objects.

The difference between jquery objects and DOM objects:

DOM objects are objects we obtain using traditional methods (JavaScript), and jQuery objects are obtained using jQuery The object obtained by the class library selector.

If the object obtained is a jQuery object, then add $ before the variable and the definition is as follows:

var $obj = $("#id"); //jQuery对象;

If the object obtained is a DOM object, the definition is as follows:

var domObj = document.getElementById("id"); //DOM对象

The JQuery object is an object generated by wrapping the DOM object through jQuery. The JQuery object is unique to jQuery. It can use methods in jQuery, but cannot use DOM methods;

For example:

$("#text").html() means Get the html code within the element with the id of text. html() is a jQuery-specific method;

$("#text").html() above is equivalent to:

document.getElementById("test").innerHTML;

Note:

1. You cannot use any method of the DOM object in the jQuery object.

For example $("#id").innerHTML Writing methods such as $("#id").checked are wrong. You can use $("#id").html() and $("#id").attr ("checked") and the like jQuery method instead. Likewise, DOM objects cannot use jQuery methods.

2. Using #id as the selector obtains the jQuery object and the DOM object obtained by document.getElementById("id"). The two are not equivalent.

The above is the entire content of this article. For more knowledge about jquery, you can pay attention to the jquery column of the php Chinese website! ! !

The above is the detailed content of What are the differences between jquery objects and DOM objects?. For more information, please follow other related articles on the PHP Chinese website!