Que fait la fonction $ en javascript?

Le "$ ()«La fonction n'est pas une fonction prédéfinie en javascript. Il est couramment utilisé dans les bibliothèques JavaScript, comme «jquery" et d'autres. Cette méthode permet aux sélecteurs CSS de choisir et de modifier les composants HTML sur une page Web. Après avoir sélectionné des éléments HTML en utilisant la fonction $ (), vous pouvez leur appliquer toutes les modifications. Par exemple, le style, le changement de contenu, etc.

Cet article définira la fonctionnalité et l'utilisation de la fonction $ () dans JavaScript.

Que fait la fonction $ () en javascript?

Le "$ ()«La fonction est utilisée en JavaScript avec le«jquery" bibliothèque. Il est également connu sous le nom de «sélecteur jQuery”Fonction, et c'est une partie cruciale de la bibliothèque jQuery. Cette méthode est considérée comme un raccourci pour les fonctions ou les méthodes utilisées pour sélectionner les éléments DOM à l'aide d'un sélecteur CSS, comme dans JavaScript "getElementByid ()","getElementsByClassName ()", ou "getElementByTagName ()«Les méthodes sont utilisées.

Syntaxe

Pour accéder à un élément HTML à l'aide d'un sélecteur CSS "identifiant», Utilisez la syntaxe donnée:

$ ("# id")

Pour accéder à l'utilisation du sélecteur CSS "classe», Suivez la syntaxe ci-dessous:

$ (".classe")

En utilisant la fonction «$ ()» comme une «GetElementByTagName ()» pour accéder à l'élément à l'aide de son nom de balise, la syntaxe dirigée ci-dessous est utilisée:

$ ("élément")

Exemple 1: $ () Fonctione comme la méthode «getElementById ()»

Dans l'exemple donné, nous imprimerons du texte sur le bouton cliquer. Pour ce faire, nous allons d'abord créer un élément de paragraphe en utilisant le «

”Tag et un bouton en utilisant le"" étiqueter:

Cliquez ici

Pour l'utilisation "$ ()«Fonction en JavaScript, il est obligatoire d'ajouter un«jquery«Bibliothèque, sinon, vous rencontrerez un«$ n'est pas défini" erreur:

Maintenant, d'abord, accédez au bouton en utilisant "$ ("Bouton")" avec un "Cliquez sur”Event, puis accédez au

élément utilisant son identifiant attribué à l'aide de "$ ("# Message")". Appelez la jQuery intégrée "html ()”Méthode pour ajouter du texte sur la page sur un bouton cliquer. Cette méthode est équivalente au JavaScript "innerhtml" attribut:

$ (document).ready (function ()
$ ("bouton").cliquez sur (fonction ()
$ ("# message").HTML ("Bienvenue aux tutoriels JavaScript sur LinuxHint");
);
);

On peut observer que le texte s'affiche sur la page Web lorsque le bouton est cliqué:

Exemple 2: $ () Fonctione comme «getElementsByClassName ()»

Dans cet exemple, nous masquerons et afficherons le message sur le bouton cliquer. Tout d'abord, nous ajouterons un texte caché en utilisant le «caché" attribut. Ajoutez un bouton qui basculera le texte de l'événement de clic:

Cliquez ici

Dans la balise, accédez au bouton, puis utilisez la fonction $ () avec sa classe attribuée "printmsg" en utilisant le "$ (".printmsg ”)"Et appelez le jQuery prédéfini"slidetoggle ()«Méthode pour basculer le texte sur le bouton CLIC:

$ (document).ready (function ()
$ ("bouton").cliquez sur (fonction ()
$ (".printmsg ").Slidetoggle ();
);
);

Comme vous pouvez le voir, cliquer sur le bouton cache le texte du paragraphe:

Nous avons fourni toutes les instructions nécessaires pertinentes à la fonction $ () en JavaScript.

Conclusion

Le "$ ()»La fonction n'est pas une fonction intégrée en javascript. Il est utilisé en JavaScript avec le «jquery”Bibliothèque et est également appelé«sélecteur jQuery" fonction. Il est utilisé pour sélectionner les éléments DOM à l'aide d'un sélecteur CSS, comme dans JavaScript "getElementByid ()","getElementsByClassName ()", ou "getElementByTagName ()«Les méthodes sont utilisées. Cet article a défini la fonctionnalité et l'utilisation de la fonction $ () dans JavaScript.