Was sind die Unterschiede zwischen JQuery und Javascript?-js-Tutorial-php.cn

Was sind die Unterschiede zwischen JQuery und Javascript?

coldplay.xixi

Freigeben： 2023-01-04 09:35:41

Original

6351 Leute haben es durchsucht

Der Unterschied zwischen jquery und Javascript: 1. js wird über das Tag [<script>] in HTML-Seiten eingefügt, während JQuery eine JavaScript-Funktionsbibliothek ist. 2. js verwendet die getElement-Reihe, während JQuery [$()] verwendet. ], um den Selektor einzuschließen. </p></blockquote> <p><img src="https://img.php.cn/upload/article/202104/09/2021040914272277637.jpg" alt="Was sind die Unterschiede zwischen JQuery und Javascript?" ></p> <p>Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, DELL G3-Computer. </p> <p><strong>Der Unterschied zwischen jquery und Javascript: </strong></p> <p><strong> 1. Wesentliche Unterschiede </strong></p> <p>1. JavaScript wird über das <script></script>-Tag in HTML-Seiten eingefügt und kann von allen modernen Browsern ausgeführt werden A leichte Programmiersprache.

2.JQuery ist eine JavaScript-Funktionsbibliothek. Mit anderen Worten, es ist das beliebteste Framework in JavaScript.

Um JQuery zu verwenden, müssen Sie zunächst am Anfang des HTML-Codes einen Verweis auf die jQuery-Bibliothek hinzufügen, z. B.:
<script src="js/jquery.min.js"></script>
Nach dem Login kopieren
Die Bibliotheksdatei kann lokal platziert werden oder Sie können direkt das CDN eines bekannten verwenden Der Vorteil besteht darin, dass das CDN dieser großen Unternehmen beliebter ist. Bevor Benutzer Ihre Website besuchen, wird es wahrscheinlich im Browser zwischengespeichert, sodass die Öffnungsgeschwindigkeit der Website beschleunigt werden kann . Ein weiterer Vorteil liegt auf der Hand: Die Einsparung von Bandbreite für den Website-Verkehr. Zum Beispiel:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>　　//Google
Nach dem Login kopieren
oder:
<script src="http://code.jquery.com/jquery-1.6.min.js"></script> 　　//jQuery 官方　
Nach dem Login kopieren
2. Unterschiede in der Syntax
Elementknoten manipulieren
a. JavaScript verwendet
getElement-Reihe, Abfragereihe
<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>
Nach dem Login kopieren
b. JQuery verwendet

a lot Der Selektor verwendet auch $(), um den Selektor zu verpacken
Das obige ist der detaillierte Inhalt vonWas sind die Unterschiede zwischen JQuery und Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!