Red de conocimiento informático - Material del sitio web - Cómo utilizar el marco JQuery en js

Cómo utilizar el marco JQuery en js

Esta vez les mostraré cómo usar el marco JQuery en js y cuáles son las precauciones para usar el marco JQuery en js. El siguiente es un caso práctico, echemos un vistazo. jQuery es un marco de JavaScript rápido y conciso. Es otra excelente biblioteca de código JavaScript (o marco de JavaScript) después de Prototype. El propósito del diseño de jQuery es abogar por escribir menos código y hacer más cosas. Encapsula códigos funcionales de uso común en JavaScript, proporciona un patrón de diseño de JavaScript simple, optimiza las operaciones de documentos HTML, el procesamiento de eventos, el diseño de animaciones y la interacción Ajax, y simplifica enormemente la programación de JavaScript. Las características principales de jQuery se pueden resumir de la siguiente manera: tiene una sintaxis de cadena única y una interfaz multifuncional breve y clara; tiene un selector de CSS eficiente y flexible, y puede ampliar el selector de CSS; tiene un complemento conveniente; Mecanismo de extensión y complementos enriquecidos. jQuery es compatible con varios navegadores convencionales, como IE6.0, FF1.5, Safari2.0, Opera9.0, etc. Pasos de instalación de JQuery:

1. Descargue la biblioteca de archivos correspondiente (Cada biblioteca de archivos JQuery de la misma versión se divide en dos, una es la versión sin comprimir, puede ver el código fuente y usarlo durante el desarrollo. ( jquery-3.3.1.js)

Una es una versión comprimida, que elimina comentarios y espacios y reduce la cantidad de caracteres variables. Se utilizará cuando se lance el producto (jquery-3.3.1.js). 1.min.js ) Con min, normalmente usamos esto)

(/ se puede descargar)

2. Copie el archivo JQuery JS al directorio WEB (póngalo en el directorio de la página web creada)

p>

3. La página hace referencia a archivos js (JS de JQuery)

lt;script type="text/javascript" src="js/jquery-3.3. .1.js"gt;lt; /scriptgt; 4. Cargue JQuery en la página

(El script anterior solo hace referencia a jQuery, solo puede escribir un script si desea cargar JQuery)

Hay tres métodos:

El primer tipo:

$(document).ready(function(){

func(xxx)/ /execute function

});

//.la función ready es cuando el DOM (Document Object Model) se ha cargado y la página (incluidas las imágenes) se ha renderizado por completo, Se producirá un evento listo para evitar que el documento se cargue completamente (listo) antes de ejecutar el código jQuery.

El segundo tipo:

$(function(){

func(xxx)//ejecutar función

}); el tercer tipo:

jQuery(function($) {

func(xxx)//Ejecutar función

}); Sintaxis básica:

$(selector). acción() definición del signo de dólar JQuery

Selector "consultar" y "buscar" elementos HTML

La acción() de JQuery realiza operaciones sobre elementos

lt;tipo de script ="text/javascript"gt;

$(function(){

alerta("holaMundo");

})

lt;/scriptgt; Creo que domina el método después de leer el caso de este artículo. Para obtener más información interesante, preste atención a otros artículos relacionados en Gxl.com.

Lectura recomendada:

Cómo usar el filtro globalmente

Cómo obtener el valor de la clase en dom