DOM Traversal Methods

Parameters
•
content: An element, HTML string, or jQuery object to insert after each
element in the set of matched elements.
Return Value
The jQuery object, for chaining purposes.
[ 85 ]
Chapter 4
Description
The .after and .insertAfter methods perform the same task. The only difference
is in the syntax—specifically, in the placement of the content and target. With
.after(), the selector expression preceding the method is the container after
which the content is inserted. With .insertAfter(), on the other hand, the content
precedes the method, either as a selector expression or as markup created on the fly,
and it is inserted after the target container.
Consider the following HTML:
Demonstration Box
The two s, with a little CSS, are rendered on the right side of the page
as follows:
We can insert an HTML structure after like so:
$('div.demo-box').after('This text
was inserted');