Heim > Artikel > Web-Frontend > Was sind die Unterschiede zwischen JQuery und Javascript?
Was sind die Unterschiede zwischen JQuery und Javascript?
- coldplay.xixiOriginal
- 2021-04-09 14:30:366285Durchsuche
Der Unterschied zwischen jquery und Javascript: 1. js wird über das Tag [3f1c4e4b6b16bbbd69b2ee476dc4f83a] 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.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, DELL G3-Computer.
Der Unterschied zwischen jquery und Javascript:
1. Wesentliche Unterschiede
1. JavaScript wird über das 3f1c4e4b6b16bbbd69b2ee476dc4f83a2cacc6d41bbb37262a98f745aa00fbf0-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>
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
oder:
<script src="http://code.jquery.com/jquery-1.6.min.js"></script> //jQuery 官方
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>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!