jquery gets and sets the outerHTML method _jquery

This article illustrates how jquery obtains and sets the outerhtml. Share to everyone for your reference. The specific analysis is as follows:

During the development process, jquery.html () Gets the HTML code under the current node and does not contain the code for the current node itself, but we do sometimes need to set it by Jquery.prop ("outerHTML").

Many users of jquery are deeply puzzled by this question. Why can't you set the outerhtml of an HTML element directly in a variety of convenient ways to get properties and set properties like the DOM?

Because the native JS Dom has a built-in attribute outerhtml (see case, JS is case-sensitive) to get the current node's HTML code (including the current node), so the jquery prop () can get

First, jquery access to outerHTML

<div class= "Test" ><p>hello, Hello! </p></div>
<script>
$ (". Test"). Prop ("outerHTML");
</script>

Two, jquery set outerhtml

$ ('. Test '). Prop (' outerhtml ', ' <input> ');

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