Cómo agregar código jQuery a la página HTML

Cómo agregar código jQuery a la página HTML
JQuery es una biblioteca de JavaScript que se crea básicamente para simplificar los árboles de manipulación y transiper de objetos de documento HTML (DOM), así como animación en CSS, manejo de eventos y AJAX. Además, HTML permite a sus usuarios agregar código jQuery dentro de la página HTML para hacerlo mucho simple y más sencillo para utilizar JavaScript en el sitio web.

Este tutorial demostrará agregar código jQuery a una página HTML.

Cómo agregar código jQuery a la página HTML?

Para agregar código jQuery a la página HTML, pruebe las instrucciones dadas.

Paso 1: crear un contenedor Div
Inicialmente, cree un contenedor DIV y agregue el "alinearAtributo para establecer la posición del elemento.

Paso 2: Agregue un encabezado
A continuación, agregue el encabezado con la ayuda del "

Etiqueta que se utiliza para insertar el nivel uno que se dirige a la página HTML.

Paso 3: Crear elemento de botón
Después de eso, cree un elemento de botón usando el "" etiqueta:


Linuxhint



Producción

Paso 4: Agregar biblioteca jQuery
Utilice el enlace dado para descargar el archivo jQuery del sitio web oficial. Luego, colóquelo en la carpeta de su proyecto, muévase al ""Etiqueta, y especifique la fuente"SRC"En la etiqueta de script de la siguiente manera:

Alternativamente, debe alojar el jQuery usted mismo especificando el enlace completo como el valor del "SRC"Atributo de la siguiente manera:

Paso 7: Agregar función para vincular
Ahora, agregue una función para vincular la página:

Aquí:

  • El código incluido dentro del "$ (documento).listo (función)"Solo se ejecutará una vez cuando el modelo de objeto de documento de página (DOM) esté preparado para ejecutar el código de JavaScript.
  • ".Haga clic (función)"Se utiliza para disparadores cuando se producen los eventos de clic o enlace una función para ejecutar.

Se puede observar que el código jQuery se ha vinculado correctamente con la página HTML:

Eso se trataba de agregar el código jQuery a la página HTML.

Conclusión

Para agregar el código jQuery a la página HTML, puede descargar la biblioteca jQuery desde el sitio web oficial o colocar su nombre como el "SRC"Valor de atributo dentro del"" etiqueta. Más, aloje directamente la biblioteca jQuery proporcionando el enlace completo en el script dentro del ""Sección del archivo HTML. Esta publicación demostró el procedimiento para agregar el código jQuery en un archivo HTML.