Pourquoi utiliser jquery-js tutoriel-php.cn

Pourquoi utiliser jquery

coldplay.xixi

Libérer： 2020-11-16 10:53:13

original

3394 Les gens l'ont consulté

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.

Pourquoi utiliser jquery

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>

Copier après la connexion

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>

Copier après la connexion

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.