Maison > Article > interface Web > Pourquoi utiliser jquery quand vous avez js ?
Pourquoi utiliser jquery quand vous avez js ?
- WBOYoriginal
- 2022-06-07 17:24:071152parcourir
Parce que jquery simplifie certaines des complexités liées à l'utilisation de JavaScript pour développer des effets spéciaux de pages Web, en automatisant les tâches courantes et en simplifiant les tâches complexes, l'utilisation de jquery peut non seulement réduire les fonctions qui nécessitent à l'origine beaucoup de code JavaScript à quelques lignes de code ; code, et il offre des performances suffisamment élevées, donc si vous avez JavaScript, vous devez utiliser jquery pour réduire les lignes de code.
L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.
Pourquoi utiliser jquery quand vous avez js
jQuery est une bibliothèque JavaScript, elle peut donc s'exécuter sur JavaScript. Il ne peut pas exister par lui-même, vous ne pouvez donc pas l'utiliser par-dessus un autre. Vous pouvez utiliser uniquement JavaScript ou JavaScript et jQuery. jQuery a été introduit pour simplifier le développement JavaScript. Cela réduira le temps de développement. Utilisez-le pour ajouter des animations et même travailler sur votre site Web.
jQuery simplifie la traversée des documents HTML, la gestion des événements, l'animation et l'interaction Ajax pour un développement Web rapide. jQuery est plus facile à utiliser que JavaScript et ses autres bibliothèques JavaScript. Moins de lignes de code doivent être écrites lors de l'utilisation de jQuery par rapport à JavaScript.
jQuery est un ensemble de bibliothèques JavaScript qui simplifient certaines des complexités liées à l'utilisation de JavaScript pour développer des effets spéciaux de pages Web, offrant ainsi l'automatisation des tâches courantes et la simplification des tâches complexes. L'utilisation de jQuery peut non seulement réduire les fonctions qui nécessitaient à l'origine beaucoup de code JavaScript à quelques lignes de code, mais également fournir des performances suffisamment rapides.
Par exemple, supposons que nous ayons maintenant la page Web de base suivante :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
*{
margin: 0;
padding: 0;
}
div{
width: 100px;
height: 100px;
border: 1px solid #000000;
}
</style>
</head>
<body>
<div></div>
<div></div>
<div id="box2"></div>
</body>
</html>Ensuite, nous utilisons JavaScript natif et jQuery pour changer la couleur d'arrière-plan des trois divs ci-dessus.
<script>
//使用原生JavaScript改变背景颜色
window.onload = function (ev) {
var div1 = document.getElementsByTagName("div")[0];
var div2 = document.getElementsByClassName("box1")[0];
var div3 = document.getElementById("box2");
// console.log(div1);
// console.log(div2);
// console.log(div3);
div1.style.backgroundColor = "red";
div2.style.backgroundColor = "yellow";
div3.style.backgroundColor = "blue";
}
//使用jQuery改变背景颜色
// $(function () {
// var $div1 = $("div")[0];
// var $div2 = $(".box1")[0];
// var $div3 = $("#box2")[0];
// // console.log($div1);
// // console.log($div2);
// // console.log($div3);
// $div1.css({
// background: "red"
// });
// $div2.css({
// background: "yellow"
// });
// $div3.css({
// background: "blue"
// });
// })
</script>En comparant les deux méthodes, nous pouvons voir que l'avantage le plus direct de l'utilisation de jQuery est : vous pouvez obtenir rapidement des éléments DOM basés sur des sélecteurs CSS. De plus, lors de la modification du style CSS des éléments DOM, le format de programmation est similaire à la balise style, ce qui la rend facile à retenir. Bien entendu, l’utilisation de jQuery présente d’autres avantages, que nous continuerons à découvrir et à explorer dans des études ultérieures.
Recommandation de didacticiel vidéo : Tutoriel vidéo jQuery
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!