JavaScript DOM objects and jquery objects are converted to each other

1. Analysis of source code

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
2. Operation Result
(1) initialization


(2) Click the "JavaScript Dom object to convert to jquery object" button


(3) Click " jquery objects converted to JavaScript DOM objects "button


3. Analysis and explanation
(1) JavaScript DOM object converted to jquery object
 //dom Object
var divobject = document.getElementById ("Div_body");
jquery Object
var $divObject = $ (divobject);

(2) JQuery object converted to JavaScript DOM object
Method One:
 //jquery Object
var $divObject = $ ("#div_body");
Dom Object
var divobject = $divObject [0];

Method Two:
  //jquery Object
var $divObject = $ ("#div_body");
Dom Object
var divObject1 = $divObject. Get (0);
JavaScript DOM objects and jquery objects are converted to each other