Conversion between DOM and jquery objects

<! DOCTYPE html>functionwrite1 () {//DOM manipulation of 1.JS//document.getElementById ("Span1"). innerhtml= "Meng Meng da!" ";                //DOM object cannot use the properties method of the JQ object                //document.getElementById ("Span1"). html ("Meng Meng da!");                                varSpanele=document.getelementbyid ("Span1"); //converting DOM objects to JQ objects$ (spanele). HTML ("Mi-da! "); }                        $(function(){                $("#btn"). Click (function(){                    //the JQ object cannot manipulate the attribute method inside JS//$ ("#span11"). Innerhtml= "Oh da! "$ (' #span1 '). html ("Oh da!"). "); //JQ object to DOM object conversion mode one$ (' #span1 '). Get (0). innerhtml= "Meimei! "; //How the JQ object is converted to a DOM object two$ (' #span1 ') [0].innerhtml=] Awesome! ";            });        }); </script> Monitor:<span id= "Span1" > Hello handsome yo! </span> </body>
Conversion between DOM and jquery objects