Även om det finns många likheter mellan jQuery och JavaScript, finns flera skillnader också i deras syntax och funktionalitet. För det, först förstå vad jQuery-koden försöker göra. Använd sedan de alternativa metoderna eller attributen för vanilla JavaScript.
Den här bloggen kommer att diskutera konverteringen av jQuery-koden till JavaScript.
Hur konverterar man jQuery-kod till JavaScript?
För att konvertera jQuery-kod till JavaScript är det viktigt att förstå vad koden gör och vilka jQuery-metoder som används. Använd sedan de alternativa metoderna i JavaScript, som ' $() ' används i jQuery för att välja element i JavaScript, för att välja element ' document.querySelector() ' eller ' querySelectorAll() ”-metoder används.
Låt oss förstå konverteringsprocessen med hjälp av ett exempel.
Exempel
Här har vi en jQuery-kod som ändrar textfärgen och visar en förklarande text vid ett knapptryck. För det innehåller HTML-dokumentet två knappar, text och en tom
-tagg där den nya texten kommer att visas på knappen:
< div id = 'myDiv' >
< sid klass = 'text' > JavaScript handledning sid >
< knapp-id = 'knapp' > Klicka här knapp >
< knapp-id = 'knapp' > Klicka här knapp >
< p id = 'meddelande' > sid >
div >
När du arbetar med jQuery är det obligatoriskt att lägga till jQuery-biblioteket i
-taggen i HTML-dokumentet: < script src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > manus >I taggen