Selv om det er mange likheter mellom jQuery og JavaScript, eksisterer det også flere forskjeller i syntaks og funksjonalitet. For det, først, forstå hva jQuery-koden prøver å gjøre. Deretter kan du bruke de alternative metodene eller egenskapene til vanilje JavaScript.
Denne bloggen vil diskutere konverteringen av jQuery-koden til JavaScript.
Hvordan konvertere jQuery-kode til JavaScript?
For å konvertere jQuery-kode til JavaScript, er det viktig å forstå hva koden gjør og hvilke jQuery-metoder som brukes. Bruk deretter de alternative metodene i JavaScript, for eksempel ' $() ' brukt i jQuery for å velge elementer mens du er i JavaScript, for å velge elementer ' document.querySelector() ' eller ' querySelectorAll() ”-metoder brukes.
La oss forstå konverteringsprosessen ved hjelp av et eksempel.
Eksempel
Her har vi en jQuery-kode som endrer tekstfargen og viser en forklarende tekst ved et knappeklikk. For det inneholder HTML-dokumentet to knapper, tekst og en tom
-kode der den nye teksten vil vises på knappen klikk:
< div id = 'myDiv' >
< s klasse = 'tekst' > JavaScript veiledning s >
< knappen ID = 'knapp' > Klikk her knapp >
< knappen ID = 'knapp' > Klikk her knapp >
< p id = 'beskjed' > s >
div >
Når du arbeider med jQuery, er det obligatorisk å legge til jQuery-biblioteket i
-taggen til HTML-dokumentet: < script src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > manus >I