jquery add

jQuery Add Methods

jQuery provides several methods to add elements, content, or classes to the DOM. Below are common methods for adding content dynamically:

.append()

Inserts content at the end of the selected element(s).
Example:

$("#container").append("<p>New paragraph</p>");

.prepend()

Inserts content at the beginning of the selected element(s).
Example:

$("#container").prepend("<p>New first paragraph</p>");

.after()

Inserts content after the selected element(s).
Example:

$("#target").after("<div>New element after</div>");

.before()

Inserts content before the selected element(s).
Example:

$("#target").before("<div>New element before</div>");

.appendTo()

Appends the selected element(s) to another target.
Example:

$("<p>New paragraph</p>").appendTo("#container");

.addClass()

Adds one or more classes to selected elements.
Example:

$("#element").addClass("active highlight");

Notes

• All methods support HTML strings, DOM elements, or jQuery objects.
• Chaining is possible:

  $("#container").append("<p>Text</p>").addClass("updated");

• Use .empty() or .remove() to clear or delete elements before adding new ones.