Was macht die $ -Funktion in JavaScript??

Der "$ ()Die Funktion ist keine vorgefertigte Funktion in JavaScript. Es wird üblicherweise in JavaScript -Bibliotheken verwendet, wie z. "JQuery" und andere. Mit dieser Methode können CSS -Selektoren HTML -Komponenten auf einer Webseite auswählen und ändern. Nach Auswahl von HTML -Elementen mithilfe der Funktion $ () können Sie alle Änderungen auf diese anwenden. Zum Beispiel Styling, Veränderung ihrer Inhalte usw.

Dieser Artikel definiert die Funktionalität und Verwendung der $ () -Funktion in JavaScript.

Was macht die $ () -Funktion in JavaScript??

Der "$ ()"Funktion wird in JavaScript mit dem" verwendet "JQuery" Bibliothek. Es ist auch als das bekannt "JQuery SelectorFunktionieren Sie und es ist ein entscheidender Bestandteil der JQuery -Bibliothek. Diese Methode wird als Abkürzung für die Funktionen oder Methoden angesehen, die für die Auswahl der DOM -Elemente mit einem CSS -Selektor verwendet werden, z. B. in JavaScript “GetElementById ()","GetElements byclassName ()", oder "GetElementByTagName ()”Methoden werden verwendet.

Syntax

Zum Zugriff auf ein HTML -Element mit einem CSS -Selektor “Ausweis”, Verwenden Sie die angegebene Syntax:

$ ("#id")

Zum Zugriff über den CSS -Selektor zugreifen “Klasse”, Folgen Sie der folgenden Syntax:

$ (".Klasse")

Verwenden der Funktion „$ ()“ als "getElementByTagName ()", um mit seinem Tag-Namen auf das Element zuzugreifen, wird die untergegebene Syntax verwendet:

$ ("Element")

Beispiel 1: $ () Funktion als „getElementById ()“ -Methode

Im angegebenen Beispiel drucken wir einen Text auf der Schaltfläche Klicken. Zuerst erstellen wir ein Absatzelement mit dem “

Tag und eine Schaltfläche mit der “" Schild:

Klicken Sie hier

Zum Benutzen "$ ()"Funktion In JavaScript ist es obligatorisch, eine" hinzuzufügen "JQuery"Bibliothek, sonst werden Sie auf eine" begegnen "$ ist nicht definiert" Fehler:

Greifen Sie nun zunächst mit “auf die Schaltfläche zu“ zu “$ ("Button")" mit einem "klickenEreignis und dann auf die zugreifen

Element verwendet seine zugewiesene ID mit Hilfe von “$ ("#Nachricht")”. Rufen Sie den integrierten Jquery an “html ()Methode zum Hinzufügen von Text auf der Seite auf einer Schaltfläche Klicken Sie auf Schaltfläche. Diese Methode entspricht dem JavaScript “Innerhtml”Attribut:

$ (Dokument).Ready (function ()
$ ("Button").klicken (function ()
$ ("#meldung").HTML ("Willkommen bei den JavaScript -Tutorials unter LinuxHint");
);
);

Es kann beobachtet werden, dass der Text auf der Webseite angezeigt wird, wenn die Schaltfläche klickt:

Beispiel 2: $ () Funktion "getElements byclassName ()" -Methode

In diesem Beispiel werden wir die Nachricht auf der Schaltfläche Klicken verbergen und anzeigen. Zunächst werden wir einen Text hinzufügen, der die „Verwendung der“ versteckt ist “versteckt”Attribut. Fügen Sie eine Schaltfläche hinzu, die den Text im Klickereignis umschalten:

Klicken Sie hier

Greifen Sie im Tag im Tag auf die Schaltfläche zu und verwenden Sie dann die $ () -Funktion mit seiner zugewiesenen Klasse “printmsg" Verwendung der "$ (“.printmsg ”)"Und rufen Sie die jQuery vordefiniert"Slidetoggle ()Methode zum Umschalten des Textes auf der Schaltfläche Klicken Sie auf:

$ (Dokument).Ready (function ()
$ ("Button").klicken (function ()
$ (".printmsg ").Slidetoggle ();
);
);

Wie Sie sehen können, verbirgt das Klicken auf die Schaltfläche den Absatztext:

Wir haben alle notwendigen Anweisungen gegeben, die für die $ () -Funktion in JavaScript relevant sind.

Abschluss

Der "$ ()Die Funktion ist keine integrierte Funktion in JavaScript. Es wird in JavaScript mit dem verwendetJQueryBibliothek und wird auch als "genannt"JQuery Selector”Funktion. Es wird zur Auswahl der DOM -Elemente mit einem CSS -Selektor verwendet, z. B. in JavaScript “GetElementById ()","GetElements byclassName ()", oder "GetElementByTagName ()”Methoden werden verwendet. Dieser Artikel definierte die Funktionalität und Verwendung der $ () -Funktion in JavaScript.