The extensive DOM manipulation methods that jQuery provides vary according to their task and their location. The following outline can serve as a reminder of which methods we can use to accomplish any of these tasks, just about anywhere.
1. To insert new element(s) inside every matched element, use:
.
append().
appendTo().prepend().prependTo()
2. To insert new element(s) adjacent to every matched element, use:
.after().insertAfter().before().insertBefore()
3. To insert new element(s) around every matched element, use:
.wrap()
4. To replace every matched element with new element(s) or text, use:
.html().text()
5. To remove element(s) inside every matched element, use:
.empty()
6. To remove every matched element and descendants from the document without actually deleting them, use:
.remove()