Přestože existuje mnoho podobností mezi jQuery a JavaScriptem, existuje několik rozdílů také v jejich syntaxi a funkčnosti. Za tímto účelem nejprve pochopte, o co se kód jQuery pokouší. Poté použijte alternativní metody nebo atributy vanilkového JavaScriptu.
Tento blog se bude zabývat převodem kódu jQuery na JavaScript.
Jak převést kód jQuery na JavaScript?
Pro převod kódu jQuery na JavaScript je nezbytné pochopit, co kód dělá a jaké metody jQuery se používají. Poté použijte alternativní metody v JavaScriptu, jako je „ $() “ používá se v jQuery pro výběr prvků v JavaScriptu, pro výběr prvků “ document.querySelector() “ nebo „ querySelectorAll() “ používají se metody.
Pojďme pochopit proces převodu pomocí příkladu.
Příklad
Zde máme kód jQuery, který změní barvu textu a zobrazí vysvětlující text po kliknutí na tlačítko. Proto dokument HTML obsahuje dvě tlačítka, text a prázdnou značku
, kde se po kliknutí na tlačítko zobrazí nový text:
< div id = 'myDiv' >
< p třída = 'text' > Výukový program JavaScript p >
< ID tlačítka = 'knoflík' > Klikněte zde knoflík >
< ID tlačítka = 'knoflík' > Klikněte zde knoflík >
< p id = 'zpráva' > p >
div >
Při práci s jQuery je povinné přidat knihovnu jQuery do tagu
HTML dokumentu: < skript src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > skript >V tagu