Co robi funkcja $ w JavaScript?

„„$ ()”Funkcja nie jest funkcją wstępnie zbudowaną w JavaScript. Jest powszechnie używany w bibliotekach JavaScript, takich jak „JQuery" i inni. Ta metoda umożliwia selektorom CSS wybieranie i modyfikowanie komponentów HTML na stronie internetowej. Po wybraniu elementów HTML za pomocą funkcji $ (. Na przykład stylizację, zmiana treści i tak dalej.

Ten artykuł zdefiniuje funkcjonalność i użycie funkcji $ () w JavaScript.

Co robi funkcja $ () w JavaScript?

„„$ ()”Funkcja jest używana w JavaScript z„JQuery" biblioteka. Jest również znany jako „JQuery Selector”Funkcja i jest to kluczowa część biblioteki jQuery. Ta metoda jest uważana za krótki dla funkcji lub metod używanych do wyboru elementów DOM za pomocą selektora CSS, na przykład w JavaScript ”getElementById ()”,„getElementsByClassName ()", Lub "getElementByTagname ()”Metody są wykorzystywane.

Składnia

Aby uzyskać dostęp do elementu HTML za pomocą selektora CSS ”ID”, Użyj podanej składni:

$ („#id”)

Aby uzyskać dostęp za pomocą selektora CSS ”klasa”, Postępuj zgodnie z poniższą składnią:

$ (".klasa")

Używając funkcji „$ ()” jako „getElementByTagName ()”, aby uzyskać dostęp do elementu za pomocą jego nazwy znacznika, używa się podgryzanej składni:

$ („element”)

Przykład 1: $ () funkcja jako metoda „getElementById ()”

W danym przykładzie wydrukujemy tekst na przycisku kliknięcia. Aby to zrobić, najpierw utworzymy element akapitu za pomocą „

”Tag i przycisk za pomocą„”Tag:

Kliknij tutaj

Za korzystanie "$ ()”Funkcja w JavaScript, obowiązkowe jest dodanie„JQuery„Biblioteka, w przeciwnym razie napotkasz„$ nie jest zdefiniowane" błąd:

Teraz najpierw uzyskaj dostęp do przycisku za pomocą „$ („Przycisk”)”Z„Kliknij„Wydarzenie, a następnie dostęp do

element za pomocą przypisanego identyfikatora za pomocą „$ („#Wiadomość”)". Zadzwoń do wbudowanego jQuery „html ()„Metoda dodania tekstu na stronie na przycisku Kliknij. Ta metoda jest równoważna JavaScript „InnerHtml" atrybut:

$ (dokument).gotowy (funkcja ()
$ („przycisk”).kliknij (funkcja ()
$ („#wiadomość”).HTML („Witamy w samouczkach JavaScript na Linuxhint”);
);
);

Można zauważyć, że tekst jest wyświetlany na stronie internetowej po kliknięciu przycisku:

Przykład 2: $ () Funkcja jako metoda „getElementsBassName ()”

W tym przykładzie ukryjemy się i wyświetlimy wiadomość na kliknięciu przycisku. Najpierw dodamy tekst ukryty, wykorzystując „ukryty" atrybut. Dodaj przycisk, który przełączy tekst na zdarzeniu kliknięcia:

Kliknij tutaj

W znaczniku uzyskaj dostęp do przycisku, a następnie użyj funkcji $ () z przypisaną klasą „Printmsg" używając "$ (”.Printmsg ”)”I nazwij predefiniowaną jQuery„slidetoggle ()„Metoda przełączania tekstu na przycisku Kliknij:

$ (dokument).gotowy (funkcja ()
$ („przycisk”).kliknij (funkcja ()
$ (".Printmsg ”).slidetoggle ();
);
);

Jak widać, kliknięcie przycisku ukrywa tekst akapitu:

Podaliśmy wszystkie niezbędne instrukcje dotyczące funkcji $ () w JavaScript.

Wniosek

„„$ ()”Funkcja nie jest wbudowaną funkcją w JavaScript. Jest używany w JavaScript z „JQuery„Biblioteka i nazywa się także„JQuery Selector”Funkcja. Jest wykorzystywany do wybierania elementów DOM za pomocą selektora CSS, na przykład w JavaScript „getElementById ()”,„getElementsByClassName ()", Lub "getElementByTagname ()”Metody są wykorzystywane. W tym artykule zdefiniowano funkcjonalność i użycie funkcji $ () w JavaScript.