Detaillierte grafische Erklärung des Unterschieds zwischen JavaScript und jQuery-js-Tutorial-php.cn

Detaillierte grafische Erklärung des Unterschieds zwischen JavaScript und jQuery

yulia

Freigeben： 2018-10-30 17:13:34

Original

3702 Leute haben es durchsucht

JavaScript ist ein wesentlicher Bestandteil der Front-End-Entwicklung, da es einfach und schnell zu verwenden ist. Kennen Sie den Unterschied zwischen JavaScript und jQuery? In diesem Artikel erfahren Sie mehr über den Unterschied zwischen JavaScript und jQuery. Interessierte Freunde können sich darauf beziehen.

1. Wesentliche Unterschiede

JavaScript ist eine interpretierte Skriptsprache, die für HTML und Web verwendet werden kann und auf Servern und PCs weit verbreitet ist. Laptops, Tablets und Smartphones.

JQuery ist eine Funktionsbibliothek von JavaScript, die auch als Framework von JavaScript bezeichnet werden kann.

Der JavaScript-Code wird direkt im -Tag geschrieben

Der jQuery-Code wird auch im -Tag, aber die jQuery-Bibliothek muss vor dem HTML-Code eingeführt werden. Wie in der folgenden Abbildung dargestellt:

Detaillierte grafische Erklärung des Unterschieds zwischen JavaScript und jQuery

2. Grammatische Unterschiede

JavaScript und jQuery bedienen Elementknoten, Attributknoten und Text Knoten, Klickereignisse usw. sind alle unterschiedlich. Nehmen wir die Funktionsweise von Elementknoten als Beispiel, um zu sehen, wie unterschiedlich sie sind.

Beispiel 1: Tag-Elemente basierend auf dem ID-Namen abrufen

Beschreibung:

Erstellen Sie zwei p-Tags auf der Seite und geben Sie ihnen einen Klassennamen und ID-Name. Es ist bequem, es später mit JavaScript und jQuery abzurufen.

Verwenden Sie zuerst JavaScript und jQuery, um das Element mit der ID abzurufen. Der spezifische Code lautet wie folgt:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<p class="pp" id="first">1</p>
<p class="pp">2</p>
</body>
<script type="text/javascript">
var first = $("#first");
var first = document.getElementById("first");
</script>
</html>

Nach dem Login kopieren

Beispiel 2: Holen Sie sich das Tag-Element basierend auf der Klasse

var pp = $(".pp");//返回的是一个jQuery对象，通过pp[i]能取到具体元素
var pp = document.getElementsByClassName("pp");//返回的是元素列表，通过pp[i]能取到具体元素

Nach dem Login kopieren

Beispiel 3: Tag-Elemente basierend auf dem Tag-Namen abrufen

var p = $("p");//返回的是一个jQuery对象，通过p[i]能取到具体元素
var p = document.getElementsByTagName("p");//返回的是元素列表，通过p[i]能取到具体元素

Nach dem Login kopieren

Es gibt viele Unterschiede in der Syntax zwischen JavaScript und jQuery, die ich nicht machen werde Zu viele Demonstrationen hier für diejenigen, die sich nicht sicher sind. Sie können sich die Effektartikel auf der chinesischen PHP-Website ansehen oder das JavaScript-Video-Tutorial besuchen.

Zusammenfassung der Unterschiede zwischen JavaScript und jQuery:

1. Ohne Javascript gäbe es keine Vater-Sohn-Beziehung
2. jQuery ist eine Art Kapselung, die prägnanter ist als JavaScript.
3. JQuery ist ein Skript, das einfacher mit Javascript zu verwenden ist

Das Obige stellt den Unterschied zwischen JavaScript und jQuery vor, ich hoffe, es hilft Ihnen!

Weitere verwandte Tutorials finden Sie im JavaScript Chinese Reference Manual

Das obige ist der detaillierte Inhalt vonDetaillierte grafische Erklärung des Unterschieds zwischen JavaScript und jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!