Iako postoje mnoge sličnosti između jQueryja i JavaScripta, postoji i nekoliko razlika u njihovoj sintaksi i funkcionalnosti. Za to prvo shvatite što jQuery kod pokušava učiniti. Zatim upotrijebite alternativne metode ili atribute vanilla JavaScripta.
Ovaj će blog raspravljati o pretvorbi jQuery koda u JavaScript.
Kako pretvoriti jQuery kod u JavaScript?
Za pretvaranje jQuery koda u JavaScript bitno je razumjeti što kod radi i koje se jQuery metode koriste. Zatim upotrijebite alternativne metode u JavaScriptu, kao što je ' $() ” koristi se u jQueryju za odabir elemenata dok u JavaScriptu, za odabir elemenata “ document.querySelector() ' ili ' querySelectorAll() ” koriste se metode.
Razumimo proces pretvorbe uz pomoć primjera.
Primjer
Ovdje imamo jQuery kod koji mijenja boju teksta i prikazuje tekst objašnjenja nakon klika na gumb. Za to, HTML dokument sadrži dva gumba, tekst i praznu oznaku
gdje će novi tekst biti prikazan na klik na gumb:
< div id = 'myDiv' >
< str razreda = 'tekst' > Vodič za JavaScript str >
< id gumba = 'dugme' > Kliknite ovdje dugme >
< id gumba = 'dugme' > Kliknite ovdje dugme >
< p id = 'poruka' > str >
div >
Tijekom rada s jQueryjem obavezno je dodati jQuery biblioteku u
tag HTML dokumenta: < skripta src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > skripta >U oznaci