This example describes the use of the Prepend () method in jquery. Share to everyone for your reference. The specific analysis is as follows:
This method appends HTML content to the front of all matching elements.
Special Note:
This method is an append, which means the original content is still there.
HTML content is the content that can contain HTML tags, and can be rendered by the browser.
The text content is to first convert the HTML predefined characters in the content into HTML character entities so that the HTML tags are not rendered.
Syntax structure:
Copy Code code as follows:
$ (selector). prepend (content)
Instance code:
Example One:
Copy Code code as follows:
<! DOCTYPE html>
<meta charset= "Utf-8" >
<meta name= "Author" content= "http://www.jb51.net/"/>
<title> Cloud-dwelling community </title>
<style type= "Text/css" >
Div
{
height:150px;
width:150px;
Background-color:green;
margin-top:10px;
}
</style>
<script type= "Text/javascript" src= "Mytest/jquery/jquery-1.8.3.js" ></script>
<script type= "Text/javascript" >
$ (document). Ready (function () {
$ ("div"). Prepend ("<b> Good Study </b>");
})
</script>
<body>
<div> Original Content </div>
</body>
[size=2]
Append before the original div content.
Example two:
Copy Code code as follows:
<! DOCTYPE html>
<meta charset= "Utf-8" >
<meta name= "Author" content= "http://www.jb51.net/"/>
<title> Cloud-dwelling community </title>
<style type= "Text/css" >
Div
{
height:150px;
width:150px;
Background-color:green;
margin-top:10px;
}
</style>
<script type= "Text/javascript" src= "Mytest/jquery/jquery-1.8.3.js" ></script>
<script type= "Text/javascript" >
$ (document). Ready (function () {
$ ("button"). Click (function () {
$ (". html"). Prepend ("<b> Good Study </b>");
$ (". Text"). Text ("<b> study Well </b>");
})
})
</script>
<body>
<div class= "HTML" ></div>
<div class= "Text" ></div>
<button> Click to view Effect </button>
</body>
This example lets you look at the differences between HTML content and text content.
I hope this article will help you with your jquery programming.