.appendTo() Method

Syntax

.appendTo()

Description

.appendTo() Method is more or less similar to “append” method which allows to insert or append content to the end of the specified element. The only difference is that in .append() syntax selector precedes content and in .appendTo() content precedes selector. Below example clearly shows you how to append a content at the end of the specified element using jquery.

Example Code

<script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> function test1() { $("<b>Append this Paragraph </b>").appendTo("#cde"); }; </script> <div class="inner"> <h3><font color="black">Appending the Text</font></h3> <div id=cde><font color=green>jQuery Tutorial</font> <br><font color=green>This is .append() jQuery</font> </div> </div><br><input type="button" value="Test" onclick="test1();"><br>