DOM manipulation methods in a nutshell

The extensive DOM manipulation methods that jQuery provides vary according to their task and their target location. We haven't covered them all here, but most are analogous to the ones we've seen, and more will be discussed in Chapter 12. The following outline can serve as a reminder of which method we can use to accomplish which task:

1. To create new elements from HTML, use the $() function.

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

   • .append()

   • .appendTo()

   • .prepend()

   • .prependTo()

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

   • .after()

   • .insertAfter()

   • .before()

   • .insertBefore()

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

   • .wrap()

   • .wrapAll()

   • .wrapInner()

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

   • .html()

   • .text()

   • .replaceAll()

   • .replaceWith()

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

   • .empty()

7. To remove every matched element and descendants from the...