Bár sok hasonlóság van a jQuery és a JavaScript között, számos különbség van a szintaxisukban és a funkcionalitásukban is. Ehhez először értse meg, mit próbál tenni a jQuery kód. Ezután használja a vanilla JavaScript alternatív módszereit vagy attribútumait.
Ez a blog a jQuery kód JavaScriptre való átalakítását tárgyalja.
Hogyan lehet a jQuery kódot JavaScriptre konvertálni?
A jQuery kód JavaScriptre konvertálásához elengedhetetlen annak megértése, hogy mit csinál a kód, és milyen jQuery metódusokat használnak. Ezután használja a JavaScript alternatív metódusait, például a ' $() ' használt jQuery-ben elemek kiválasztására, míg JavaScript-ben elemek kiválasztására' document.querySelector() ” vagy „ querySelectorAll() ” módszereket alkalmazzák.
Értsük meg a konverziós folyamatot egy példa segítségével.
Példa
Itt van egy jQuery kód, amely megváltoztatja a szöveg színét, és magyarázó szöveget jelenít meg egy gombnyomásra. Ehhez a HTML dokumentum két gombot, szöveget és egy üres
címkét tartalmaz, ahol az új szöveg megjelenik a gombkattintáskor:
< oszt id = 'myDiv' >
< p osztály = 'szöveg' > JavaScript oktatóanyag p >
< gomb id = 'gomb' > Kattints ide gomb >
< gomb id = 'gomb' > Kattints ide gomb >
< p id = 'üzenet' > p >
div >
A jQuery használata során kötelező hozzáadni a jQuery könyvtárat a HTML-dokumentum
címkéjéhez: < script src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > forgatókönyv >A