Selvom der er mange ligheder mellem jQuery og JavaScript, er der flere forskelle i deres syntaks og funktionalitet. For det skal du først forstå, hvad jQuery-koden forsøger at gøre. Brug derefter de alternative metoder eller attributter for vanilla JavaScript.
Denne blog vil diskutere konverteringen af jQuery-koden til JavaScript.
Sådan konverteres jQuery-kode til JavaScript?
For at konvertere jQuery-kode til JavaScript er det vigtigt at forstå, hvad koden gør, og hvilke jQuery-metoder, der bruges. Brug derefter de alternative metoder i JavaScript, såsom ' $() ' brugt i jQuery til at vælge elementer, mens du er i JavaScript, til at vælge elementer ' document.querySelector() ' eller ' querySelectorAll() ”-metoder anvendes.
Lad os forstå konverteringsprocessen ved hjælp af et eksempel.
Eksempel
Her har vi en jQuery-kode, der ændrer tekstfarven og viser en forklarende tekst ved et knapklik. Til det, indeholder HTML-dokumentet to knapper, tekst og et tomt
-tag, hvor den nye tekst vil blive vist på knapklik:
< div id = 'myDiv' >
< s klasse = 'tekst' > JavaScript tutorial s >
< knap-id = 'knap' > Klik her knap >
< knap-id = 'knap' > Klik her knap >
< p id = 'besked' > s >
div >
Mens du arbejder med jQuery, er det obligatorisk at tilføje jQuery-biblioteket i
-tagget i HTML-dokumentet: < script src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > manuskript >I