.click() de jQuery adjunta un evento de clic a elementos seleccionados o lo desencadena, manejando eventos de forma compatible con todos los navegadores.
Leer másContenido.
Contenido.
El método .replaceWith() de jQuery se utiliza para reemplazar cada elemento en el conjunto de elementos coincidentes con el nuevo contenido especificado. Este método es útil cuando se necesita actualizar completamente el contenido de un elemento con un nuevo contenido.
Definición:
El método .replaceWith() reemplaza cada elemento coincidente con el contenido HTML o un nuevo elemento especificado.
Sintaxis:
index.js
JavaScript
$(selector).replaceWith(newContent);newContent: El contenido HTML o el nuevo elemento con el que se reemplazará cada elemento coincidente.
Ejemplo:
index.html
HTML
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ejemplo de .replaceWith() en jQuery</title>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script>
$(document).ready(function(){
$("#reemplazarBtn").click(function(){
$("#parrafo").replaceWith("<div id='nuevoContenido'>Este es el nuevo contenido.</div>");
});
});
</script>
</head>
<body>
<h1>Ejemplo de .replaceWith()</h1>
<p id="parrafo">Este es el contenido original del párrafo.</p>
<button id="reemplazarBtn">Reemplazar Contenido</button>
</body>
</html>
index.js
JavaScript
$("#parrafo").replaceWith("<div id='nuevoContenido'>Este es el nuevo contenido.</div>");Explicación del Ejemplo:
Al hacer clic en “Reemplazar Contenido”, se reemplaza el párrafo con id parrafo con un nuevo div que contiene el texto “Este es el nuevo contenido”.
Resultado.
Este es el contenido original del párrafo.
jQuery.com
Contenido Relacionado.
Suscribirse
0 Comentarios
Más antiguo