How jquery appends elements (the difference between append prepend after before)

The append () method inserts the content at the end of the selected element.

The prepend () method inserts the content at the beginning of the selected element.

The After () method inserts content after the selected element.

The before () method inserts the content before the selected element.

1 <Divclass= "Testdiv">2     <ul>3         <Li>First Li Tag</Li>4     </ul>5 </Div>6 7 <Script>8 9     //AppendTen     $('. Testdiv ul'). Append ('<li>append insertion of li</li>'); One     //prepend A     $('. Testdiv ul'). prepend ('<li>prepend insertion of li</li>'); -     // After -     $('. Testdiv ul'). After ('<li>after insertion of li</li>'); the     //before -     $('. Testdiv ul'). Before ('<li>before insertion of li</li>'); -  - </Script>

View Code

How jquery appends elements (the difference between append prepend after before)