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:
//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.