Mutual conversion between jquery objects and DOM objects

The conversion between jquery objects and DOM objects is a common problem in the process of actually writing code. for the research on this problem, we can first agree on the variable style: if the obtained object is a jquery object, add $. as follows: [javascript] var $ variable = jquery object if the obtained object is a DOM object, it is defined as follows: [javascript] var variable = DOM object the following describes how jquery and DOM objects are converted: 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 the jquery object, or jquery does not encapsulate the desired method, when you have to use a DOM object, there are two methods: (1) the jquery object is an array-like object. You can use the [index] method to obtain the corresponding DOM object. The Code is as follows: [javascript] var $ axin =$ ("# Axin "); // jquery object var axin = $ axin [0]; // DOM object (2) get the corresponding DOM object through the get (index) method provided by jquery itself: the Code is as follows: [javascript] var $ axin =$ ("# axin"); // jquery object var axin = $ axin. get (0); // DOM object 2. to convert a DOM object to a jquery object, you only need to wrap the DOM object with $ (). The Code is as follows: [javascript] var axin = document. getElementById ("axin"); // DOM object var $ axin = $ (axin); // note that only DOM can use methods in DOM, jquery objects cannot use methods in DOM objects.