Hoci existuje veľa podobností medzi jQuery a JavaScriptom, existuje niekoľko rozdielov aj v ich syntaxi a funkčnosti. Preto najprv pochopte, o čo sa kód jQuery pokúša. Potom použite alternatívne metódy alebo atribúty vanilkového JavaScriptu.
Tento blog sa bude zaoberať konverziou kódu jQuery na JavaScript.
Ako previesť kód jQuery na JavaScript?
Na konverziu kódu jQuery na JavaScript je nevyhnutné pochopiť, čo kód robí a aké metódy jQuery sa používajú. Potom použite alternatívne metódy v JavaScripte, ako napríklad „ $() “ používa sa v jQuery na výber prvkov v JavaScripte na výber prvkov “ document.querySelector() “ alebo „ querySelectorAll() “ používajú sa metódy.
Poďme pochopiť proces konverzie pomocou príkladu.
Príklad
Tu máme kód jQuery, ktorý mení farbu textu a zobrazuje vysvetľujúci text po kliknutí na tlačidlo. Na to dokument HTML obsahuje dve tlačidlá, text a prázdnu značku
, kde sa po kliknutí na tlačidlo zobrazí nový text:
< div id = 'myDiv' >
< p trieda = 'text' > Výukový program JavaScript p >
< ID tlačidla = 'tlačidlo' > Kliknite tu tlačidlo >
< ID tlačidla = 'tlačidlo' > Kliknite tu tlačidlo >
< p id = 'správa' > p >
div >
Pri práci s jQuery je povinné pridať knižnicu jQuery do tagu
HTML dokumentu: < skript src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > skript >V značke