How to convert jquery objects and DOM objects to each other?

This article will introduce to you the conversion of jquery objects and DOM objects. Friends in need can refer to it. I hope it will be helpful to you.

Our previous articleWhat are the differences between jquery objects and DOM objects? also briefly introduces jquery objects and DOM objects. We know that jquery objects and dom objects are different! For example, jquery objects cannot use dom methods, and dom objects cannot use jquery methods. So what can I do if jquery does not encapsulate the methods I want? At this time we can convert the jquer object into a dom object.

So let’s take a look directly at how jquery objects are converted into DOM objects.

Convert jquery object to DOM objectThere are two ways to achieve this: [index] and get(index), Let’s look at these two separately Implementation of this method

The first way to convert a jquery object into a DOM object: through the [index] method

The jQuery object is a data object, which can be passed through [index] index] method to get the corresponding DOM object.

var $v =$("#v") ; //jQuery对象
var v=$v[0]; //DOM对象
alert(v.checked) //检测这个checkbox是否被选中

The second method of converting jquery objects into DOM objects: through the get(index) method

jQuery itself provides it through the .get(index) method, Get the corresponding DOM object.

var $v=$("#v"); //jQuery对象
var v=$v.get(0); //DOM对象
alert(v.checked) //检测这个checkbox是否被选中

After reading about converting jquery objects into DOM objects, let’s take a look at How to convert DOM objects into jquery objects?

To convert a DOM object into a jquery object, you only need to wrap the DOM object with $() to get a jQuery object. After conversion, you can use any method in jquery.

var v=document.getElementById("v"); //DOM对象
var $v=$(v); //jQuery对象

The above is the entire content of this article. For more exciting content about jquery objects and dom objects, you can refer to the jquery manual and javascript manual# on the php Chinese website. ##Let’s learn more! ! !

The above is the detailed content of How to convert jquery objects and DOM objects to each other?. For more information, please follow other related articles on the PHP Chinese website!