jQuery .HTML VS .adjuntar

"jQuery"Es una biblioteca de JavaScript y".html ()" y ".adjuntar()"Ambos son los métodos utilizados en jQuery. Ambos métodos realizan diferentes tareas en una función de JavaScript. El ".El método html () "se utiliza para reemplazar completamente el contenido en una interfaz de la página web. Por otro lado, el ".El método append () "se usa para agregar nuevo contenido al final del contenido existente sin cambiar el contenido anterior a diferencia del" ".método html () ".

Así es como ".html () "y".Los métodos de append () "son diferentes entre sí y realizan diferentes operaciones de JavaScript. Prácticamente comprendamos la diferencia entre los dos con la ayuda de ejemplos.

Cómo usar el ".método html () "?

Debe haber un código HTML para formatear el documento primero:

Esta es la primera línea

Esta es la segunda línea

Cambiar contenido

• En el fragmento de código anterior, hay dos clases nombradas de demostración dentro de las etiquetas de párrafo para agregar contenido a la página web y a continuación que hay un botón con nombre de contenido de cambio que se utilizará para cambiar el contenido a través del método html ().

Debe haber una función de JavaScript para implementar el ".html ()Método para el cuerpo de documento anterior. El siguiente es un ejemplo de cómo el ".html ()El método se implementa en JavaScript:

$ (documento).Ready (function ()

$ ("botón").hacer clic (function ()
ps.manifestación").html ("Este es el nuevo texto");
);
);

• En la función anidada de JavaScript anterior, hay una función que tiene el método listo, para que, cuando la interfaz HTML se carga en la página web, esta función se activa.
• Dentro de la función, está el ".hacer clic"Método para llamar a esa función con el elemento"botón".
• Dentro de eso, está el contenido escrito con ".html". Esto significa que cuando el usuario hace clic en el "Cambiar contenido"Botón, invocará el".html ()"Método, y este contenido (" Este es el nuevo texto ") escrito en el".html ()"El método reemplazará el contenido anterior.

La interfaz de salida generada a través del código anterior será la siguiente:

Así es como el ".html ()"El método funciona en una interfaz de página web.

Cómo usar el ".método append () "?

Ahora, veamos cómo el ".adjuntar()"El método es diferente y cómo funciona en la página web. El ".adjuntar()El método "puede agregar contenido después del contenido existente en el lado derecho del contenido y también por debajo del contenido. Entonces podemos agregar botones para ambas operaciones:

Hola Mundo!

1. Primera linea


2. Segunda linea


3. Tercera línea

Agregar texto
Apertura

• En el fragmento de código anterior, hay tres líneas agregadas para mostrar en la interfaz de la página web como el contenido existente de la página web.
• Y luego, hay dos botones, uno para agregar el texto (para extender el contenido en el lado derecho del texto) y el otro para agregar la lista (para agregar contenido debajo del contenido existente).

Para crear la función JavaScript para el fragmento de código anterior, debería haber el ".adjuntar()"Método para ambos"Agregar texto" y "AperturaBotones:

$ (documento).Ready (function ()
$ ("#Button1").hacer clic (function ()
$ ("#A").adjuntar(" Agregar texto");
);
$ ("#Button2").hacer clic (function ()
$ ("OL").adjuntar("

Apertura

");
);
);

• En el fragmento de código anterior, hay una función que se le da el método listo para invocar la función cuando se carga la página web.
• Dentro de la función, el ".adjuntar()El método "se utiliza tanto para el"botón 1" y "botón2"Elementos.

Esto generará la siguiente salida:

Esta fue la diferencia entre el ".html ()" y ".adjuntar()"Métodos de jQuery.

Conclusión

El ".html ()" y ".adjuntar()"Ambos son métodos utilizados en"jQuery". Cuando el "html ()Se utiliza el método ", reemplaza el contenido anterior con el nuevo contenido que se agrega en el"html ()" método. Por otro lado, cuando el "adjuntar()Se utiliza el método ", agrega contenido después del contenido existente sin cambiar o eliminar el contenido anterior.