jquery creates DOM element instance parsing _jquery

The examples in this article describe the techniques used to create a DOM element in jquery. Share to everyone for your reference. The specific analysis is as follows:

Using the DOM method to create an element node, it is often troublesome to use document.createelement (), document.createTextNode (), AppendChild () in conjunction.

And jquery uses $ to create DOM elements directly

Copy Code code as follows:

var ONEWP = $ ("<p> content created with jquery </p>");

The above code is equivalent to JavaScript

Copy Code code as follows:

var oNewP2 = document.createelement ("P");
var otext = document.createTextNode ("This is the content created using the JavaScript method");
Onewp2.appendchild (Otext);

Example: Using jquery to create Dom

Copy Code code as follows:

<script type= "Text/javascript" >
$ (function () {
var ONEWP = $ ("<p> content created with jquery </p>");
Onewp.insertafter ("#display"); InsertAfter method
})

</script>
<div id= "Display" ></div>

Using jquery greatly shortens the length of your code. Save time for writing.

I hope this article will help you with your jquery programming.