Maison > interface Web > js tutoriel > Quelle est la différence entre jquery et js ? Introduction aux différences d'utilisation entre js et jquery

Quelle est la différence entre jquery et js ? Introduction aux différences d'utilisation entre js et jquery

不言
Libérer: 2018-09-29 10:16:12
original
10519 Les gens l'ont consulté

Nous serons certainement exposés à jquery lors de l'apprentissage de js. Alors, quelle est la différence entre js et jquery ? Cet article partagera avec vous les différences et les comparaisons entre jquery et js. Les amis dans le besoin peuvent s'y référer. J'espère que cela pourra vous aider.

Ligne après-vente Jetons un bref aperçu des concepts de jquery et js.

js est un langage de script souvent utilisé pour la programmation de clients Web, afin que les pages Web puissent obtenir des fonctions plus dynamiques et afficher des effets visuels plus riches dans le navigateur client.

jquery est un framework JavaScript rapide et concis qui simplifie grandement la programmation JavaScript.

Ce qui précède n'est qu'une brève introduction à js et jquery Si vous souhaitez en savoir plus sur js et jquery, vous pouvez vous référer à Que signifie javascript ? > et Introduction à Jquery et son utilisation détaillée .

Après avoir lu l'introduction de jquery et js, continuons à examiner

les différences d'utilisation entre js et jquery.

1. La différence la plus intuitive entre jquery et js est que les objets jQuery ont plus de "$()" que les objets js en apparence.

2. La différence entre le contenu des opérations jquery et js

Éléments non-formulaires (s'il s'agit de texte, utilisez la méthode texte, s'il s'agit de code html, utilisez la méthode html)

Exemple :

div.text();无参数的情况下是取值
div.text("aaaa");有参数的情况下是赋值
div.html();无参数的情况下是取值
div.html("aaaa");有参数的情况下是赋值
Copier après la connexion
Élément de formulaire

JS :

div.value

div; .value = xxx; Assignment

JUQERY :

div.val(); sans paramètres, c'est une valeur, et avec des paramètres, c'est une affectation.

3. La différence entre jquery et js pour le fonctionnement des attributs

La méthode utilisée pour faire fonctionner les attributs dans JS est

div.setAttribute("" ," ");——Définir les attributs et modifier les attributs

div.removeAttribute("");——Supprimer les attributs et écrire un nom d'attribut entre guillemets

div.getAttribute();— — Obtenir les attributs

Méthodes utilisées pour faire fonctionner les attributs dans JQUERY

Ajouter des attributs : div.attr("test","aa");——Ajouter des paramètres à cette méthode attr et l'attribut le nom est test, la valeur de l'attribut est aa.

Supprimer les attributs : div.removeAttr("test");——Supprimer l'attribut test.

Obtenir les attributs : div.attr("test"); - Écrivez simplement le nom d'un attribut directement dans la méthode attr.

4. La différence entre les styles d'opération jquery et js

Le mot-clé pour le style d'opération en JS est style.

Exemple :

div.style.backgroundColor= "red";
Copier après la connexion
Définissez la couleur d'arrière-plan de ce div sur rouge.


Le mot-clé pour les styles de fonctionnement dans JQUERY est css.

Exemple :

div.css("background-color","yellow");
Copier après la connexion
Changez la couleur d'arrière-plan de ce div en jaune. Tous les styles du CSS ici sont exactement les mêmes que les styles de la feuille de style CSS sans aucun changement.


Remarque :

La méthode JS de styles de fonctionnement ne peut obtenir que des styles en ligne, pas des styles intégrés ou externes.

La méthode de styles de fonctionnement de JQUERY peut être en ligne ou intégrée.

Enfin, cet article se termine ici. Pour un contenu plus passionnant, vous pouvez faire attention au site Web chinois php.


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:在学习js的时候我们肯定能够接触到jquery,那么,js与jquery之间有什么区别呢?本篇文章将给大家来分享关于jquery与js之间的区别比较,有需要的小
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal