English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Una parte muy importante de jQuery es manipular elementos del DOM.
jQuery proporciona métodos efectivos para operar elementos HTML, atributos y CSS.
Estos métodos verifican y operan las propiedades de clase asignadas a los elementos:
| Método | Descripción |
|---|---|
| addClass() | Agregar una o más nombres de clase al elemento seleccionado |
| hasClass() | Comprobar si cualquier elemento seleccionado tiene el nombre de clase especificado |
| removeClass() | Eliminar una o más clases del elemento seleccionado |
| toggleClass() | Al agregar/Cambiar entre una o más clases seleccionadas del elemento |
Este método nos permite copiar elementos:
| Método | Descripción |
|---|---|
| clone() | Crear una copia profunda del elemento seleccionado |
Estos métodos nos permiten insertar nuevo contenido alrededor del contenido existente:
| Método | Descripción |
|---|---|
| wrap() | Envolver cada elemento seleccionado con un elemento HTML |
| wrapAll() | Envolver todos los elementos seleccionados con un elemento HTML |
| wrapInner() | Envolver cada contenido del elemento seleccionado con un elemento HTML |
Estos métodos nos permiten insertar nuevo contenido dentro del elemento existente:
| Método | Descripción |
|---|---|
| append() | Insertar contenido al final del elemento seleccionado |
| appendTo() | Insertar un elemento HTML al final del elemento seleccionado |
| html() | Establecer o obtener el contenido HTML del elemento seleccionado |
| prepend() | Insertar contenido al principio del elemento seleccionado |
| prependTo() | Insertar un elemento HTML al principio del elemento seleccionado |
| text() | Establecer o obtener el contenido de texto del elemento seleccionado |
Estos métodos nos permiten insertar nuevo contenido fuera del elemento existente:
| Método | Descripción |
|---|---|
| after() | Insertar contenido después del elemento seleccionado |
| before() | Insertar contenido antes del elemento seleccionado |
| insertAfter() | Insertar un elemento HTML después del elemento seleccionado |
| insertBefore() | Insertar un elemento HTML antes del elemento seleccionado |
Estos métodos nos permiten eliminar elementos del DOM:
| Método | Descripción |
|---|---|
| detach() | Eliminar el elemento seleccionado (manteniendo datos y eventos) |
| empty() | Eliminar todos los nodos hijos del elemento seleccionado (incluidos los nodos de texto) |
| remove() | Eliminar el elemento seleccionado (incluyendo datos y eventos) |
| unwrap() | Eliminar el elemento padre del elemento seleccionado |
Estos métodos se utilizan para eliminar contenido del DOM y reemplazarlo con nuevo contenido:
| Método | Descripción |
|---|---|
| replaceAll() | Reemplazar el elemento seleccionado con un nuevo elemento HTML |
| replaceWith() | Reemplazar el contenido seleccionado con nuevo contenido |
Estos métodos obtienen y establecen las propiedades DOM del elemento:
| Método | Descripción |
|---|---|
| attr() | Establecer o devolver la propiedad del elemento seleccionado/Valor |
| prop() | Establecer o devolver la propiedad del elemento seleccionado/Valor |
| removeAttr() | Eliminar una o más propiedades del elemento seleccionado |
| removeProp() | Eliminar las propiedades establecidas por el método prop() |
| val() | Establecer o devolver la propiedad value del elemento seleccionado (para elementos de formulario) |
Estos métodos obtienen y establecen las propiedades CSS relacionadas con los elementos:
| Método | Descripción |
|---|---|
| css() | Establecer o devolver una o más propiedades de estilo del elemento seleccionado |
| height() | Establecer o devolver la altura del elemento seleccionado |
| innerHeight() | Establecer o devolver la altura del elemento (incluso relleno, pero sin incluir borde) |
| innerWidth() | Establecer o devolver el ancho del elemento (incluso relleno, pero sin incluir borde) |
| offset() | Establecer o devolver las coordenadas de desplazamiento del elemento seleccionado (en relación con el documento) |
| offsetParent() | Devolver el primer elemento padre ubicado |
| outerHeight() | Establecer o devolver la altura del elemento (incluso relleno, borde y márgenes opcionales) |
| outerWidth() | Establecer o devolver el ancho del elemento (incluso relleno, borde y márgenes opcionales) |
| position() | Devolver la posición del elemento en relación con el padre desplazado |
| scrollLeft() | Establecer o devolver la posición del desplazamiento horizontal del elemento seleccionado |
| scrollTop() | Establecer o devolver la posición del desplazamiento vertical del elemento seleccionado |
| width() | Establecer o devolver el ancho del elemento seleccionado |