.prepend() Method

Syntax

.prepend()

Description

jQuery .prepend() is one of the methods which allows to insert or append content at the beginning of the specified element. .prepend( function(index,html)) is the function that can return the HTML to the beginning of the specified element.Below example clearly shows you how to append the content using .prepend() function.

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(){ $('#cde').prepend(function(s) { return s+"<b>:Prepending this Paragraph </b>" ; }); } </script> <div class="inner"> <h3><font color="black">Prepending the Text</font></h3> <div id="cde"><font color=green>jQuery Tutorial</font> <br><font color=green>This is .prepend() jQuery</font> </div> </div> <input type="button" value="Click here" onclick="test1();"> </div>