Obwohl es viele Ähnlichkeiten zwischen jQuery und JavaScript gibt, gibt es auch einige Unterschiede in ihrer Syntax und Funktionalität. Verstehen Sie dazu zunächst, was der jQuery-Code zu tun versucht. Verwenden Sie dann die alternativen Methoden oder Attribute von Vanilla JavaScript.
In diesem Blog wird die Konvertierung des jQuery-Codes in JavaScript behandelt.
Wie konvertiere ich jQuery-Code in JavaScript?
Um jQuery-Code in JavaScript umzuwandeln, ist es wichtig zu verstehen, was der Code tut und welche jQuery-Methoden verwendet werden. Verwenden Sie dann die alternativen Methoden in JavaScript, wie z. B. „ $() ” wird in jQuery zum Auswählen von Elementen verwendet, während in JavaScript zum Auswählen von Elementen “ document.querySelector() ' oder ' querySelectorAll() “ Methoden verwendet werden.
Lassen Sie uns den Konvertierungsprozess anhand eines Beispiels verstehen.
Beispiel
Hier haben wir einen jQuery-Code, der die Textfarbe ändert und einen erklärenden Text auf Knopfdruck anzeigt. Dazu enthält das HTML-Dokument zwei Schaltflächen, Text und ein leeres
-Tag, in dem der neue Text beim Klicken auf die Schaltfläche angezeigt wird:
< Div.-ID = 'myDiv' >
< P Klasse = 'Text' > JavaScript-Tutorial P >
< Schaltflächen-ID = 'Taste' > klicken Sie hier Taste >
< Schaltflächen-ID = 'Taste' > klicken Sie hier Taste >
< p-ID = 'Nachricht' > P >
div >
Beim Arbeiten mit jQuery muss die jQuery-Bibliothek im
-Tag des HTML-Dokuments hinzugefügt werden: < script src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > Skript >Im