Red de conocimiento informático - Aprendizaje de programación - La diferencia entre js y jquery

La diferencia entre js y jquery

La diferencia esencial

JavaScript es un lenguaje de programación ligero que se inserta en páginas HTML a través de etiquetas y puede ser ejecutado por todos los navegadores modernos.

JQuery es una biblioteca de funciones de JavaScript. O JavaScript.

Para usar JQuery, primero debe agregar una referencia a la biblioteca jQuery al comienzo del código HTML, por ejemplo:

El archivo de la biblioteca se puede colocar localmente o puede Utilice directamente la CDN de una empresa conocida. La ventaja es que las CDN de estas grandes empresas son relativamente populares antes de que los usuarios visiten su sitio web, es probable que lo almacenen en caché en el navegador cuando visitan otros sitios web, lo que puede acelerarlo. aumentar la velocidad de apertura del sitio web. Otro beneficio es obvio: ahorra ancho de banda en el tráfico del sitio web.

Por ejemplo:

 

//Google

//Gor:

// jQuery oficial

JavaScript es un lenguaje de programación web y jQuery es un marco escrito basado en js;

jquery es un marco escrito basado en el lenguaje JavaScript, que es esencialmente solo js

p>

Entonces:

jQuery es una biblioteca de JavaScript;

jQuery simplifica enormemente la programación de JavaScript;

jQuery hace que JavaScript sea más fácil de uso;

JQuery se trata de usar menos código y completar más funciones de manera hermosa;

La diferencia más intuitiva es que en apariencia, los objetos jQuery tienen más "$()" que los objetos js. .

Operación de atributos

Métodos utilizados para operar atributos en JavaScript:

div.setAttribute("","");——Establecer atributos y modificar atributos

div.removeAttribute("");——Eliminar el atributo y escribir un nombre de atributo entre comillas

div.getAttribute();——Obtener el atributo

Métodos utilizados para operar atributos en jQuery:

Agregar atributos: div.attr("test","aa"); agrega parámetros a este método attr, el nombre del atributo es prueba y el valor. del atributo Sí aa

Eliminar atributos: div.removeAttr("test"); - Eliminar el atributo test

Obtener atributos: div.attr("test"); Simplemente escriba el nombre de un atributo directamente en el método attr

Estilo operativo

La palabra clave para el estilo operativo en JavaScript es estilo

Ejemplo: div .style. backgroundColor = "red";——Establezca el color de fondo de este div en rojo

Haga clic para ingresar la descripción de la imagen

La palabra clave para operar estilos en jQuery es css

Ejemplo: div.css("background-color","amarillo"); cambia el color de fondo de este div a amarillo. Aquí todos los estilos en el CSS y los estilos en la hoja de estilos CSS son exactamente los mismos. mismo sin ningún cambio.

Haga clic para ingresar la descripción de la imagen

El método JavaScript para operar estilos solo puede obtener estilos en línea, no incrustados ni externos.

Los métodos de jQuery para manipular estilos pueden estar en línea o incrustados.

Comparación de algunos métodos:

⑴Utilice JavaScript y jQuery para cargar el DOM respectivamente

JavaScript solo se ejecutará una vez, mientras que jQuery se ejecutará varias veces

⑵ Utilice JavaScript y jQuery para obtener el ID

JavaScript:

document.getElementById('idName')

JQuery:

$ ('#idName')

⑶Utilice JavaScript y jQuery para obtener la clase

JavaScript no tiene un método predeterminado para obtener la clase

JQuery:

$('.className')

La mayor ventaja de usar jQuery es que una pequeña cantidad de código puede hacer más cosas. En comparación con JavaScript, la sintaxis de jQuery es más simple.