DOM Manipulation Methods in a Nutshell

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. 1. To insert new element(s) inside every matched element, use:

   • .append()

   • .appendTo()

   • .prepend()

   • .prependTo()

2. 2. To insert new element(s) adjacent to every matched element, use:

   • .after()

   • .insertAfter()

   • .before()

   • .insertBefore()

3. 3. To insert new element(s) around every matched element, use:

   • .wrap()

4. 4. To replace every matched element with new element(s) or text, use:

   • .html()

   • .text()

5. 5. To remove element(s) inside every matched element, use:

   • .empty()

6. 6. To remove every matched element and descendants from the document without actually deleting them, use:

   • .remove()