Sebbene ci siano molte somiglianze tra jQuery e JavaScript, esistono anche diverse differenze nella loro sintassi e funzionalità. Per questo, in primo luogo, capisci cosa sta cercando di fare il codice jQuery. Quindi, utilizza i metodi o gli attributi alternativi di Vanilla JavaScript.
Questo blog discuterà la conversione del codice jQuery in JavaScript.
Come convertire il codice jQuery in JavaScript?
Per convertire il codice jQuery in JavaScript, è essenziale capire cosa sta facendo il codice e quali metodi jQuery vengono utilizzati. Quindi, usa i metodi alternativi in JavaScript, come ' $() 'utilizzato in jQuery per selezionare elementi mentre in JavaScript, per selezionare elementi' documento.querySelector() ' O ' querySelectorAll() vengono utilizzati i metodi.
Comprendiamo il processo di conversione con l'aiuto di un esempio.
Esempio
Qui abbiamo un codice jQuery che cambia il colore del testo e mostra un testo esplicativo al clic di un pulsante. Per questo, il documento HTML contiene due pulsanti, testo e un tag
vuoto dove il nuovo testo verrà mostrato al clic del pulsante:
< ID div = 'mioDiv' >
< P classe = 'testo' > Esercitazione JavaScript P >
< ID pulsante = 'pulsante' > clicca qui pulsante >
< ID pulsante = 'pulsante' > clicca qui pulsante >
< p id = 'Messaggio' > P >
div >
Mentre si lavora con jQuery, è obbligatorio aggiungere la libreria jQuery nel tag
del documento HTML: < script sorgente = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > copione >Nel tag