Čeprav je med jQuery in JavaScript veliko podobnosti, obstaja tudi več razlik v njuni sintaksi in funkcionalnosti. Za to najprej razumejte, kaj poskuša narediti koda jQuery. Nato uporabite alternativne metode ali atribute vanilla JavaScript.
Ta blog bo obravnaval pretvorbo kode jQuery v JavaScript.
Kako pretvoriti kodo jQuery v JavaScript?
Za pretvorbo kode jQuery v JavaScript je bistveno razumeti, kaj koda počne in katere metode jQuery se uporabljajo. Nato uporabite alternativne metode v JavaScriptu, kot je » $() ' uporablja se v jQuery za izbiranje elementov, medtem ko v JavaScriptu za izbiranje elementov ' document.querySelector() « ali » querySelectorAll() ” uporabljene metode.
Razumejmo postopek pretvorbe s pomočjo primera.
Primer
Tukaj imamo kodo jQuery, ki spremeni barvo besedila in ob kliku gumba prikaže razlagalno besedilo. Za to vsebuje dokument HTML dva gumba, besedilo in prazno oznako
, kjer bo novo besedilo prikazano ob kliku na gumb:
< div id = 'myDiv' >
< str razred = 'besedilo' > Vadnica za JavaScript str >
< ID gumba = 'gumb' > Klikni tukaj gumb >
< ID gumba = 'gumb' > Klikni tukaj gumb >
< p id = 'sporočilo' > str >
div >
Pri delu z jQuery je obvezno dodajanje knjižnice jQuery v oznako
dokumenta HTML: < skript src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > scenarij >V oznaki