Kuigi jQuery ja JavaScripti vahel on palju sarnasusi, on ka nende süntaksis ja funktsionaalsuses mitmeid erinevusi. Selleks mõistke kõigepealt, mida jQuery kood üritab teha. Seejärel kasutage vanilje JavaScripti alternatiivseid meetodeid või atribuute.
Selles ajaveebis käsitletakse jQuery koodi muutmist JavaScriptiks.
Kuidas jQuery koodi JavaScriptiks teisendada?
JQuery koodi teisendamiseks JavaScriptiks on oluline mõista, mida kood teeb ja milliseid jQuery meetodeid kasutatakse. Seejärel kasutage JavaScriptis alternatiivseid meetodeid, näiteks $() ' kasutatakse jQuerys elementide valimiseks JavaScriptis elementide valimiseks ' document.querySelector() ” või „ querySelectorAll() ” meetodeid kasutatakse.
Mõistame teisendusprotsessi näite abil.
Näide
Siin on meil jQuery kood, mis muudab teksti värvi ja näitab nupuvajutusega selgitavat teksti. Selleks sisaldab HTML-dokument kahte nuppu, teksti ja tühja
märgendit, kus nuppu klõpsates kuvatakse uus tekst:
< divi id = 'myDiv' >
< lk klass = 'tekst' > JavaScripti õpetus lk >
< nupu id = 'nupp' > Kliki siia nuppu >
< nupu id = 'nupp' > Kliki siia nuppu >
< p id = 'sõnum' > lk >
div >
jQueryga töötamisel on kohustuslik lisada jQuery teek HTML-dokumendi märgendisse
: < skript src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > stsenaarium >Märgendis