Lai gan starp jQuery un JavaScript ir daudz līdzību, vairākas atšķirības pastāv arī to sintaksē un funkcionalitātē. Lai to izdarītu, vispirms saprotiet, ko jQuery kods mēģina darīt. Pēc tam izmantojiet vaniļas JavaScript alternatīvās metodes vai atribūtus.
Šajā emuārā tiks apspriesta jQuery koda konvertēšana uz JavaScript.
Kā konvertēt jQuery kodu uz JavaScript?
Lai jQuery kodu pārveidotu par JavaScript, ir svarīgi saprast, ko kods dara un kādas jQuery metodes tiek izmantotas. Pēc tam izmantojiet JavaScript alternatīvās metodes, piemēram, ' $() izmanto jQuery elementu atlasei, kamēr JavaScript, elementu atlasei document.querySelector() ” vai “ querySelectorAll() ” metodes tiek izmantotas.
Izpratīsim konversijas procesu, izmantojot piemēru.
Piemērs
Šeit mums ir jQuery kods, kas maina teksta krāsu un parāda paskaidrojošu tekstu, noklikšķinot uz pogas. Šim nolūkam HTML dokumentā ir divas pogas, teksts un tukšs
tags, kur jaunais teksts tiks parādīts, noklikšķinot uz pogas:
< div id = 'myDiv' >
< lpp klasē = 'teksts' > JavaScript apmācība lpp >
< pogas id = 'poga' > Noklikšķiniet šeit pogu >
< pogas id = 'poga' > Noklikšķiniet šeit pogu >
< p id = 'ziņa' > lpp >
div >
Strādājot ar jQuery, HTML dokumenta tagā
ir obligāti jāpievieno jQuery bibliotēka: < skripts src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > skripts >Tagā