Introduction to mutual conversion between jQuery objects and DOM objects _ jquery

This article describes how to convert jQuery objects to DOM objects. This article describes how to convert jQuery objects to DOM objects and convert DOM objects to jQuery objects, for more information about how to define the style of variables, see discuss the interchange between jQuery objects and DOM objects. If the obtained object is a jQuery object, add $ before the variable, for example:

The Code is as follows:

Var $ variable = jQuery object;

If a DOM object is obtained, it is defined as follows:

The Code is as follows:

Var variable = DOM object;

1. convert a jQuery object to a DOM object

JQuery objects cannot use methods in the DOM, but if they are unfamiliar with the methods provided by jQuery objects, or jQuery does not encapsulate the desired methods, they must be used for DOM objects, you can use either of the following methods. JQuery provides two methods to convert a jQuery object to a DOm object: [index] And get (index ).

(1) The jQuery object is an array object. You can use the [index] method to obtain the corresponding DOM object.

The jQuery code is as follows:

The Code is as follows:

Var $ cr = $ ("# cr"); // jQuery object
Var cr = $ cr [0] // DOM object
Alert (cr. checked) // checks whether the checkbox is selected

(2) Another method provided by jQuery itself is to get the corresponding DOM object through the get (index) method.

The jQuery code is as follows:

The Code is as follows:

[Js] var $ cr = $ ("# cr ");
Var cr = $ cr. get (0 );
Alert (cr. checked)

2. convert a DOM object to a jQuery object

For a DOM object, you only need to wrap the DOM object with $ () to obtain a jQuery object. The method is $ (DOM object ).

The jQuery code is as follows:

The Code is as follows:

Var cr = document. getElementByID ("cr"); // DOM object
Var $ cr = $ (cr );

After conversion, you can use any method in jQuery.

Using the above method, you can convert jQuery objects and DOM objects to each other.

Finally, it is emphasized that only DOM objects can use methods in DOM. jQuery objects cannot use methods in DOM, but jQuery objects provide a set of more comprehensive tools for DOM operations.