Maison >interface Web >js tutoriel >Pourquoi utiliser jquery
Pourquoi utiliser jquery
- coldplay.xixioriginal
- 2020-11-16 10:53:133388parcourir
Raisons d'utiliser jquery : 1. Vous pouvez obtenir rapidement des éléments DOM basés sur des sélecteurs CSS ; 2. De plus, lors de la modification du style CSS des éléments DOM, il est similaire au format de programmation des balises de style, ce qui le rend facile à retenir.
Recommandé : "Tutoriel vidéo jquery"
1. Qu'est-ce que jQuery
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.
2. Pourquoi utiliser jQuery
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 du JavaScript natif, 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 que 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 dans des études ultérieures.
Recommandations d'apprentissage gratuites associées : JavaScript (vidéo)
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!