Adding, Removing, and Modifying Elements

1. Adding Elements

1. .append(): Adds content at the end of the selected element.
2. .prepend(): Adds content at the beginning of the selected element.
3. .after(): Adds content after the selected element.
4. .before(): Adds content before the selected element.

$("#list").append("<li>Appended Item</li>");
$("#list").prepend("<li>Prepended Item</li>");
$("#list").after("<p>Content added after the list</p>");
$("#list").before("<p>Content added before the list</p>");

2. Removing Elements

1. .remove(): Removes the element along with its children.
2. .empty(): Clears the content of the element but keeps the element itself.

$("#item1").remove(); // Removes a specific item
$("#list").empty(); // Clears the list but keeps the <ul>

3. Cloning Elements

1. .clone(): Creates a copy of the selected element.

const clonedItem = $("#item1").clone();
$("#list").append(clonedItem);