Scribd
Cargar
10 vistas4 páginas

Métodos jQuery para Agregar Contenido

jQuery 'Add' permite agregar contenido o atributos a elementos HTML, facilitando la creación de interfaces dinámicas. Métodos comunes incluyen .html(), .append(), .prepend(), .attr() y .addClass(), que permiten modificar el contenido y los atributos de los elementos. Por otro lado, jQuery 'Remove' permite eliminar contenido o atributos mediante métodos como .remove(), .empty(), .removeAttr() y .removeClass() para limpiar o actualizar la estructura HTML.

Cargado por

diegohernandez
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
10 vistas4 páginas

Métodos jQuery para Agregar Contenido

jQuery 'Add' permite agregar contenido o atributos a elementos HTML, facilitando la creación de interfaces dinámicas. Métodos comunes incluyen .html(), .append(), .prepend(), .attr() y .addClass(), que permiten modificar el contenido y los atributos de los elementos. Por otro lado, jQuery 'Remove' permite eliminar contenido o atributos mediante métodos como .remove(), .empty(), .removeAttr() y .removeClass() para limpiar o actualizar la estructura HTML.

Cargado por

diegohernandez
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

jQuery Add

¿Qué es jQuery Add?

En jQuery, el término “Add” se refiere a agregar contenido o atributos a elementos HTML


existentes. Esto permite construir interfaces dinámicas que cambian sin recargar la página.

Métodos comunes para agregar contenido

1. .html()

- Cambia o establece el contenido HTML de un elemento.

- Ejemplo:

$('#miDiv').html('<p>Hola Mundo</p>');

2. .append()

- Agrega contenido al final de un elemento.

- Ejemplo:

$('#lista').append('<li>Nuevo elemento</li>');

3. .prepend()

- Agrega contenido al inicio de un elemento.

- Ejemplo:

$('#lista').prepend('<li>Primero</li>');

4. .attr()

- Añade o cambia el valor de un atributo.

- Ejemplo:

$('#enlace').attr('href', '[Link]

5. .addClass()

- Agrega una clase CSS a un elemento.

- Ejemplo:

$('#caja').addClass('resaltado');

Usos comunes
- Insertar nuevos textos, imágenes o botones.

- Agregar enlaces dinámicos.

- Añadir clases para aplicar estilos o animaciones.

Ejemplo completo:

<div id="contenido"></div>

<script>

$('#contenido').html('<h2>Bienvenido</h2>');

$('#contenido').append('<p>Este es un párrafo agregado con jQuery.</p>');

$('#contenido').attr('title', 'Caja de bienvenida');

</script>

jQuery Remove
¿Qué es jQuery Remove?

jQuery también permite eliminar contenido o atributos fácilmente para limpiar o actualizar la
estructura HTML de una página de forma dinámica.

Métodos comunes para remover contenido


1. .remove()

- Elimina por completo un elemento del DOM (incluye su contenido).

- Ejemplo:

$('#parrafo1').remove();

2. .empty()

- Elimina solo el contenido interno de un elemento, dejando la etiqueta.

- Ejemplo:

$('#div1').empty();

3. .removeAttr()

- Elimina un atributo específico de un elemento.

- Ejemplo:

$('#input1').removeAttr('disabled');

4. .removeClass()

- Quita una o varias clases CSS de un elemento.

- Ejemplo:

$('#caja').removeClass('activo');

Usos comunes

- Limpiar formularios o secciones dinámicas.

- Quitar estilos o propiedades interactivas.

- Eliminar elementos según condiciones.

Ejemplo completo:

<div id="caja" class="activo" title="Caja activa">

<p>Contenido dinámico</p>

</div>

<script>

$('#caja').removeClass('activo');

$('#caja').removeAttr('title');
$('#caja').empty(); // elimina el <p> pero no el div

</script>

También podría gustarte