Bien qu'il existe de nombreuses similitudes entre jQuery et JavaScript, plusieurs différences existent également dans leur syntaxe et leurs fonctionnalités. Pour cela, commencez par comprendre ce que le code jQuery essaie de faire. Ensuite, utilisez les méthodes ou attributs alternatifs de JavaScript vanille.
Ce blog discutera de la conversion du code jQuery en JavaScript.
Comment convertir le code jQuery en JavaScript ?
Pour convertir le code jQuery en JavaScript, il est essentiel de comprendre ce que fait le code et quelles méthodes jQuery sont utilisées. Ensuite, utilisez les méthodes alternatives en JavaScript, telles que le ' $() ' utilisé dans jQuery pour sélectionner des éléments alors qu'en JavaScript, pour sélectionner des éléments ' document.querySelector() ' ou ' querySelectorAll() » méthodes sont utilisées.
Comprenons le processus de conversion à l'aide d'un exemple.
Exemple
Ici, nous avons un code jQuery qui change la couleur du texte et affiche un texte explicatif sur un clic de bouton. Pour cela, le document HTML contient deux boutons, du texte et une balise
vide où le nouveau texte sera affiché au clic du bouton :
< identifiant div = 'maDiv' >
< p classe = 'texte' > Tutoriel JavaScript p >
< identifiant du bouton = 'bouton' > Cliquez ici bouton >
< identifiant du bouton = 'bouton' > Cliquez ici bouton >
< identifiant p = 'message' > p >
div >
Lorsque vous travaillez avec jQuery, il est obligatoire d'ajouter la bibliothèque jQuery dans la balise
du document HTML : < source de script = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > scénario >Dans la balise