The following table lists all the methods used to manipulate the DOM.
The methods below work for both HTML and XML documents except the html() method.
| Method | Description |
|---|---|
| addClass() | Adds one or more css classes to selected elements |
| after() | Inserts content after selected elements |
| append() | Inserts content at the end of (but still inside) selected elements |
| appendTo() | Inserts content at the end of (but still inside) selected elements |
| attr() | Sets or returns an attribute and value of selected elements |
| before() | Inserts content before selected elements |
| clone() | Makes a copy of selected elements |
| detach() | Removes (but keeps a copy of) selected elements |
| empty() | Removes all child elements and content from selected elements |
| hasClass() | Checks if any of the selected elements have a specified css class |
| html() | Sets or returns the content of selected elements |
| insertAfter() | Inserts HTML markup or elements after selected elements |
| insertBefore() | Inserts HTML markup or elements before selected elements |
| prepend() | Inserts content at the beginning of (but still inside) selected elements |
| prependTo() | Inserts content at the beginning of (but still inside) selected elements |
| remove() | Removes selected elements |
| removeAttr() | Removes an attribute from selected elements |
| removeClass() | Removes one or more css classes from selected elements |
| replaceAll() | Replaces selected elements with new content |
| replaceWith() | Replaces selected elements with new content |
| text() | Sets or returns the text content of selected elements |
| toggleClass() | Toggles between adding/removing one or more css classes from selected elements |
| unwrap() | Removes the parent element of the selected elements |
| val() | Sets or returns the value attribute of the selected elements (form elements) |
| wrap() | Wraps specified HTML element(s) around each selected element |
| wrapAll() | Wraps specified HTML element(s) around all selected elements |
| wrapInner() | Wraps specified HTML element(s) around the content of each selected element |