Quelles sont les différences entre jquery et javascript ?-js tutoriel-php.cn

Quelles sont les différences entre jquery et javascript ?

coldplay.xixi

Libérer： 2023-01-04 09:35:41

original

6322 Les gens l'ont consulté

La différence entre jquery et javascript : 1. js est inséré dans la page HTML via la balise [<script>], tandis que JQuery est une bibliothèque de fonctions JavaScript ; 2. js utilise la série getElement, tandis que JQuery ; utilise le sélecteur de package [$()]. </p></blockquote> <p><img src="https://img.php.cn/upload/article/202104/09/2021040914272277637.jpg" alt="Quelles sont les différences entre jquery et javascript ?" ></p> <p>L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur DELL G3. </p> <p><strong>La différence entre jquery et javascript : </strong></p> <p><strong>1. Différences essentielles</strong></p> <p>1. JavaScript est transmis via <script&gt. La balise ;</script> est insérée dans les pages HTML, un langage de programmation léger qui peut être exécuté par tous les navigateurs modernes.

2.JQuery est une bibliothèque de fonctions JavaScript. En d’autres termes, c’est le framework le plus populaire en JavaScript.

Pour utiliser JQuery, vous devez d'abord ajouter une référence à la bibliothèque jQuery au début du code HTML, telle que :
<script src="js/jquery.min.js"></script>
Copier après la connexion
Le fichier de la bibliothèque peut être placé localement, ou vous pouvez directement utilisez le CDN d'une entreprise bien connue. L'avantage est que les CDN de ces grandes entreprises sont plus populaires avant que les utilisateurs ne visitent votre site Web, il est probable qu'il ait été mis en cache dans le navigateur lors de la visite d'autres sites Web, ce qui peut accélérer. la vitesse d'ouverture du site Web. Un autre avantage est évident : économiser la bande passante du trafic du site Web. Par exemple :
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>　　//Google
Copier après la connexion
ou :
<script src="http://code.jquery.com/jquery-1.6.min.js"></script> 　　//jQuery 官方　
Copier après la connexion
2. Différences grammaticales
Nœud d'élément d'opération
a. utilise la série
getElement, la série de requêtes
<body>
    <ul>
        <li id="first">哈哈</li>
        <li class="cls" name ="na">啦啦</li>
        <li class="cls">呵呵</li>
        <li name ="na">嘿嘿</li>
    </ul>
    <div id="div">
        <ul>
            <li class="cls">呵呵</li>
            <li>嘿嘿</li>
        </ul>
    </div>
</body>
<script>
　　document.getElementById("first");　　　　　　　　//是一个元素
　　document.getElementsByClassName("cls");　　　　//是一个数组，即使只有一个元素，使用时需要用[0]取到第一个再使用
　　document.getElementsByName("na");　　　　　　　//是一个数组，即使只有一个元素，使用时需要用[0]取到第一个再使用
　　document.getElementsByTagName("li");　　　　　//是一个数组，即使只有一个元素，使用时需要用[0]取到第一个再使用
　　document.querySelector("#div");　　　　　　　　//是一个元素 
　　document.querySelectorAll("#div li");　　　　//是一个数组，即使只有一个元素，使用时需要用[0]取到第一个再使用
</script>
Copier après la connexion
b.JQuery utilise
pour utiliser $() pour envelopper un grand nombre de sélecteurs en même temps. Appareil
<body>
    <ul>
        <li id="first">哈哈</li>
        <li class="cls" name ="na">啦啦</li>
        <li class="cls">呵呵</li>
        <li name ="na">嘿嘿</li>
    </ul>
    <div id="div">
        <ul>
            <li class="cls">呵呵</li>
            <li>嘿嘿</li>
        </ul>
    </div>
</body>
<script src="http://code.jquery.com/jquery-1.6.min.js"></script>
<script>
　　//使用JQuery取到的是jquery对象都是一个数组，即使只有一个元素被选中,但是在使用时候不一定需要使用:eq(0)来拿到这一个在使用可以直接使用
    $("#first");　　　　　　　　　　　　
    $(".cls");
    $("li type[name=&#39;na&#39;]");
    $("li");
    $("#div");
    $("#div li");
</script>
Copier après la connexion
Recommandations d'apprentissage gratuites associées : tutoriel d'apprentissage javascript
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!