Hoewel er veel overeenkomsten zijn tussen jQuery en JavaScript, zijn er ook verschillende verschillen in hun syntaxis en functionaliteit. Begrijp daarvoor eerst wat de jQuery-code probeert te doen. Gebruik vervolgens de alternatieve methoden of attributen van vanilla JavaScript.
In deze blog wordt ingegaan op de conversie van de jQuery-code naar JavaScript.
Hoe jQuery-code naar JavaScript te converteren?
Voor het converteren van jQuery-code naar JavaScript is het essentieel om te begrijpen wat de code doet en welke jQuery-methoden worden gebruikt. Gebruik vervolgens de alternatieve methoden in JavaScript, zoals de ' $() 'gebruikt in jQuery voor het selecteren van elementen in JavaScript, voor het selecteren van elementen' document.querySelector() ' of ' querySelectorAll() 'methodes worden gebruikt.
Laten we het conversieproces begrijpen met behulp van een voorbeeld.
Voorbeeld
Hier hebben we een jQuery-code die de tekstkleur verandert en een verklarende tekst toont bij een klik op de knop. Daarvoor bevat het HTML-document twee knoppen, tekst en een lege
-tag waar de nieuwe tekst wordt weergegeven wanneer op de knop wordt geklikt:
< div. id = 'mijnDiv' >
< P klas = 'tekst' > JavaScript-zelfstudie P >
< knop-id = 'knop' > Klik hier knop >
< knop-id = 'knop' > Klik hier knop >
< p id = 'bericht' > P >
div >
Tijdens het werken met jQuery is het verplicht om de jQuery-bibliotheek toe te voegen in de
-tag van het HTML-document: < script src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > script >In de