MENU


Insertion

.after(String/Element/Array/jQuery c [,String/Element/Array/jQuery c]).after(function(int index) f)<br>Insert content after each matched element.<br><br>.append(String/Element/Array/jQuery c [,String/Element/Array/jQuery c]).append(function(int index) f)<br>Insert content to the end of each matched element.<br><br>.appendTo(String/Element/Array/jQuery/Selector c)<br>Insert each matched element to the end of the target.<br><br>.before(String/Element/Array/jQuery c [,String/Element/Array/jQuery c]).before(function(int index) f)<br>Insert content before each matched element.<br><br>.insertAfter(String/Element/Array/jQuery/Selector t)<br>Insert every matched element after the target.<br><br>.clone([Boolean withDataAndEvents [, Boolean deepWithDataAndEvents]])<br>Create a deep copy of the matched elements.<br>.insertBefore(String/Element/Array/jQuery/Selector t)<br>Insert every matched element before the target..prepend(String/Element/Array/jQuery c [,String/Element/Array/jQuery c]).prepend(function(int index) f)<br>Insert content to the end of each matched element.<br><br>.prependTo(String/Element/Array/jQuery/Selector c)<br>Insert each matched element to the beginning of the target.<br><br>.wrap(String tagsPair)<br>.wrap(function(int index) f)<br>Wrap an HTML structure around each matched element..wrapAll(String tagsPair)<br>.wrapAll(function(int index) f)<br>Wrap an HTML structure around all matched elements together.<br>.wrapInner(String tagsPair)<br>.wrapInner (function(int index) f)<br>Wrap an HTML structure around the content of each matched element.
RESETRUNFULL
Consider the following example:
   <p>A</p>
   <p>B</p>
   <p>C</p>

$('p').after('!');GIVES
   <p>A</p>!
   <p>B</p>!
   <p>C</p>!

$('p').append('!');GIVES
   <p>A!</p>
   <p>B!</p>
   <p>C!</p>

$('p:first').appendTo('p:last');GIVES
   <p>B</p>
   <p>C<p>A</p></p>

$('p:first').clone().appendTo('p:last');GIVES
   <p>A</p>
   <p>B</p>
   <p>C<p>A</p></p>

$('p:first').insertAfter('p:last');GIVES
   <p>B</p>
   <p>C</p><p>A</p>

$('p').prepend(function (i) {return i;});GIVES
   <p>0A</p>
   <p>1B</p>
   <p>2C</p>

$('p:first').prependTo($('p:last'));GIVES
   <p>B</p>
   <p><p>A</p>C</p>

$('p').wrap('<span id="s">!</span>');GIVES
   <span id="s">!<p>A</p></span>
   <span id="s">!<p>B</p></span>
   <span id="s">!<p>C</p></span>

$('p').wrapAll('<span id="s">!</span>');GIVES
   <span id="s">!<p>A</p>
                          <p>B</p>
                          <p>C</p></span>

$('p').wrapInner('<span id="s">!</span>');GIVES
   <p><span id="s">!A</span></p>
   <p><span id="s">!B</span></p>
   <p><span id="s">!C</span></p>