Getting Started with jquery (14) Adding HTML elements

Using jquery makes it easy to add new HTML elements.

The following methods are used to add HTML elements:

Append () – Adds a new content to the tail of the specified element.

Prepend ()-adds new content to the front of the specified element.

After () – Add new content before the specified element

Before ()-adds new content after the specified element.

At first glance Append,prepend and After,before seem to function, but Append,prepend refers to the front and back of the selected element itself (inside), and After,before to the front and back of the element in the selection.

Refer to the following append example:

<! DOCTYPE html>