Deși există multe asemănări între jQuery și JavaScript, există și câteva diferențe în sintaxa și funcționalitatea lor. Pentru asta, mai întâi, înțelegeți ce încearcă să facă codul jQuery. Apoi, utilizați metodele alternative sau atributele JavaScript vanilla.
Acest blog va discuta despre conversia codului jQuery în JavaScript.
Cum se convertesc codul jQuery în JavaScript?
Pentru a converti codul jQuery în JavaScript, este esențial să înțelegeți ce face codul și ce metode jQuery sunt utilizate. Apoi, utilizați metodele alternative din JavaScript, cum ar fi „ $() ” folosit în jQuery pentru selectarea elementelor în timp ce în JavaScript, pentru selectarea elementelor ” document.querySelector() ” sau ” querySelectorAll() ” se folosesc metode.
Să înțelegem procesul de conversie cu ajutorul unui exemplu.
Exemplu
Aici, avem un cod jQuery care schimbă culoarea textului și arată un text explicativ la un clic pe buton. Pentru aceasta, documentul HTML conține două butoane, text și o etichetă
goală, unde noul text va fi afișat la clic pe butonul:
< div id = 'myDiv' >
< p clasă = 'text' > Tutorial JavaScript p >
< ID-ul butonului = 'buton' > Click aici buton >
< ID-ul butonului = 'buton' > Click aici buton >
< p id = 'mesaj' > p >
div >
În timp ce lucrați cu jQuery, este obligatoriu să adăugați biblioteca jQuery în eticheta
a documentului HTML: < script src = „https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js” > scenariu >În eticheta