Was ist der Unterschied zwischen jQuery und JavaScript?

Unterschiede zwischen jQuery JavaScript und Ajax: 1. JavaScript wird häufig als Skriptsprache für die clientseitige Webentwicklung verwendet und häufig zum Hinzufügen dynamischer Funktionen zu HTML-Webseiten verwendet. 2. AJAX ist eine Webentwicklungstechnologie zum Erstellen interaktiver Webanwendungen 3. jQuery fügt Websites bequem dynamische Funktionen hinzu und bietet AJAX-Interaktion.

jQuery JavaScript Ajax-Unterschied:

1. JavaScript

Die Abkürzung für JavaScript ist JS, eine in der clientseitigen Webentwicklung weit verbreitete Skriptsprache, die häufig zum Hinzufügen dynamischer Funktionen zu HTML-Web verwendet wird Seiten (Die von ihm geschriebenen Programme können in HTML- oder XML-Seiten eingebettet und direkt im Browser interpretiert und ausgeführt werden).

Komponenten:

Kern (ECMAScript), Document Object Model (DOM), Browser Object Model (BOM)

Beschreibung:

• Javascript ist an die dynamische Webseitenproduktion angepasst. Eine neue Programmiersprache, die aus den Bedürfnissen von entstanden ist Das Internet wird heute immer häufiger bei der Erstellung von Internet-Webseiten genutzt.

• Das Aufkommen von Javascript ermöglicht eine dynamische und interaktive Echtzeitbeziehung zwischen Webseiten und Benutzern, wodurch Webseiten mehr aktive Elemente und spannendere Inhalte enthalten.

• Javascript ist kurz und prägnant und wird auf dem Client-Computer ausgeführt, was die Browsing-Geschwindigkeit und die interaktiven Funktionen von Webseiten erheblich verbessert. Gleichzeitig handelt es sich um eine einfache Programmiersprache, die speziell auf die Erstellung von Webseiten zugeschnitten ist.

2. Ajax

AJAX ist keine Abkürzung, sondern ein von Jesse James Gaiiett erstelltes Substantiv Anwendungen. Webentwicklungstechnologie.

Zusammensetzung:

• Darstellung basierend auf XHTML- und CSS-Standards;

• Verwendung von Document Object Model für dynamische Anzeige und Interaktion;

• Verwendung von XML und XSLT Durchführung von Dateninteraktion und -bearbeitung;

• Verwendung von XML HttpRequest kommuniziert asynchron mit dem Server

• verwendet JavaScript, um alles zu binden.

Beschreibung:

• Ajax ist eine Kombination aus Java-Technologie, XML und JavaScript und anderen Programmiertechnologien, die es Entwicklern ermöglicht, Webanwendungen auf Basis der Java-Technologie zu erstellen und die Verwaltung des Neuladens von Seiten zu unterbrechen.

• Die Ajax-Technologie verwendet asynchrone HTTP-Anfragen, um Daten zwischen dem Browser und dem Webserver zu übertragen, sodass der Browser nur einen Teil des Webseiteninhalts aktualisiert, ohne die gesamte Webseite neu zu laden.

• Ajax ist eine Methode zur Entwicklung von Webanwendungen, die clientseitige Skripte verwendet, um Daten mit dem Webserver auszutauschen. Auf diese Weise kann die Webseite dynamisch aktualisiert werden, ohne den Interaktionsprozess zu unterbrechen und erneut zu bearbeiten. Mit Ajax können Benutzer direkte, hochverfügbare, umfangreichere und dynamischere Web-Benutzeroberflächen erstellen, die nativen Desktop-Anwendungen ähneln. Es ist bequemer, HTML-Dokumente und -Ereignisse zu verarbeiten, Animationseffekte zu implementieren und AJAX-Interaktion für Websites bequem bereitzustellen.

Funktionen:

jQuery ist ein sehr beliebtes JavaScript-Framework. Es verwendet CSS-ähnliche Selektoren, um HTML-Elemente einfach zu bedienen und verfügt über viele Plug-Ins. Beschreibung:

Für Programmierer kann die Vereinfachung der Javascript- und Ajax-Programmierung Programmierer davon befreien, komplexe JS-Anwendungen zu entwerfen und zu schreiben, und ihre Aufmerksamkeit auf funktionale Anforderungen statt auf Implementierungsdetails richten, wodurch die Projektentwicklungsgeschwindigkeit verbessert wird.

Für Benutzer wird der visuelle Effekt der Seite verbessert, die Interaktivität mit der Seite verbessert und es werden wunderschönere Webinhalte geboten.

• Das JavaScript-Framework besteht eigentlich aus einer Reihe von Tools und Funktionen.

• Die Beziehung zwischen den beiden und den dreien

• Ich werde eine Karte verwenden, um die Beziehung zwischen den dreien zu veranschaulichen:

Erklärung:

​​JavaScript ist eine Skriptsprache, die für die Web-Client-Entwicklung verwendet wird und auf Ajax basiert Die Sprache JS, eine neue Technologie, die hauptsächlich JS-, CSS- und XML-Technologien kombiniert, ist eine Webentwicklungstechnologie, die zum Erstellen interaktiver Webanwendungen verwendet wird. jQuery ist ein JS-Framework. Es handelt sich um eine JS-Bibliothek, die auf der JS-Sprache und der Ajax-Technologie basiert. Sie kapselt die Funktionen von JS und Ajax und bietet funktionale Schnittstellen, was die Operationen von Ajax und JS erheblich vereinfacht. jQuery wird häufig in Projekten verwendet. Lassen Sie uns ausführlich darüber sprechen.

jQuery kann das Schreiben von JavaScript-Programmen erheblich vereinfachen

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 language="javascript" src="/js/jquery.min.js"></script>   //引用

Die Bibliotheksdatei kann lokal platziert werden oder Sie können direkt das CDN eines bekannten Unternehmens verwenden (Der Vorteil des CDN-Ladens von JQuery), Vorteile Die CDNs dieser großen Unternehmen sind beliebter. Bevor Benutzer Ihre Website besuchen, wird sie wahrscheinlich beim Besuch anderer Websites im Browser zwischengespeichert, sodass die Öffnungsgeschwindigkeit beschleunigt werden kann der Website. Ein weiterer Vorteil liegt auf der Hand: Die Einsparung von Bandbreite für den Website-Verkehr.

Bereitgestellt von Google

http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js

jQuery offiziell

http://code.jquery.com/jquery - 1.6.min.js

Der Unterschied zwischen der spezifischen Art, jQuery-Code zu schreiben, und der Art, natives Javascript bei der Ausführung allgemeiner Vorgänge zu schreiben, ist wie folgt:

1 Positionierungselemente

JS

document.getElementById("abc ")

jQuery

$("#abc") Positionierung nach ID

$(".abc") Positionierung nach Klasse

$("div") Positionierung nach Label

Es ist zu beachten, dass das Ergebnis zurückgegeben wurde von JS ist dieses Element, jQuery Das zurückgegebene Ergebnis ist ein JS-Objekt. Im folgenden Beispiel wird davon ausgegangen, dass das Element abc positioniert wurde.内容2 Ändern Sie den Inhalt des Elements 变js

abc.innerhtml = "test"; // Das aktuelle Projekt ist nützlich für jqury

ABC.HTML ("test");

3 Versteckte Elemente anzeigen

JS

abc.style.display = "none"; abc.show();abc.toggle(); //Wechseln Sie zwischen Anzeigen und Ausblenden,

4 Holen Sie sich den Fokus

JS und jQuery sind gleich, beide sind abc.focus();

5 Weisen Sie dem Formular einen Wert zu

JS

abc.value = "test";

jQuery abc.val("test");

6 Holen Sie sich den Wert der Form

JS

alert( abc .value);

jQuery

alert(abc.val());

7 Einstellungselement ist nicht verfügbar

JS

abc.disabled = true;

jQuery

abc.attr("disabled" , true);

8 Elementstil ändern

JS

abc.style.fontSize=size;

jQuery

abc .css('font-size', 20);

JS

abc. className="test";

JQuery

abc.removeClass();

abc.addClass("test");

9 Stellen Sie fest, ob das Kontrollkästchen aktiviert ist

jQuery

if(abc.attr( "checked") == "checked")

Hinweis: Im Internet heißt es, dass .attr("checked") == true kann eigentlich nicht verwendet werden. Das obige wurde getestet und funktioniert

Verwandte kostenlose Lernempfehlungen:

JavaScript

(Video)

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen jQuery und JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!