Nors „jQuery“ ir „JavaScript“ yra daug panašumų, jų sintaksė ir funkcionalumas taip pat skiriasi. Norėdami tai padaryti, pirmiausia supraskite, ką bando padaryti jQuery kodas. Tada naudokite alternatyvius vanilla JavaScript metodus arba atributus.
Šiame tinklaraštyje bus aptariamas „jQuery“ kodo konvertavimas į „JavaScript“.
Kaip konvertuoti „jQuery“ kodą į „JavaScript“?
Norint konvertuoti „jQuery“ kodą į „JavaScript“, būtina suprasti, ką kodas daro ir kokie „jQuery“ metodai naudojami. Tada naudokite alternatyvius „JavaScript“ metodus, pvz., „ $() “ naudojamas jQuery elementams pasirinkti, o JavaScript, elementams pasirinkti “ document.querySelector() “ arba „ querySelectorAll() “ naudojami metodai.
Supraskime konversijos procesą naudodami pavyzdį.
Pavyzdys
Čia turime „jQuery“ kodą, kuris pakeičia teksto spalvą ir parodo aiškinamąjį tekstą spustelėjus mygtuką. Tam HTML dokumente yra du mygtukai, tekstas ir tuščia
žyma, kurioje naujas tekstas bus rodomas spustelėjus mygtuką:
< dal id = 'myDiv' >
< p klasė = 'tekstas' > JavaScript pamoka p >
< mygtuko ID = 'mygtukas' > Paspauskite čia mygtuką >
< mygtuko ID = 'mygtukas' > Paspauskite čia mygtuką >
< p id = 'žinutė' > p >
div >
Dirbant su jQuery, HTML dokumento žymoje
privaloma pridėti jQuery biblioteką: < scenarijus src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > scenarijus >Žymėje