Hva gjør $ -funksjonen i JavaScript?

“$ ()”Funksjon er ikke en forhåndsbygget funksjon i JavaScript. Det brukes ofte i JavaScript -biblioteker, for eksempel "jQuery" og andre. Denne metoden lar CSS -velgere velge og endre HTML -komponenter på en webside. Etter å ha valgt HTML -elementer ved hjelp av $ () -funksjonen, kan du bruke eventuelle endringer på dem. For eksempel styling, endre innholdet og så videre.

Denne artikkelen vil definere funksjonaliteten og bruken av $ () -funksjonen i JavaScript.

Hva gjør $ () -funksjonen i JavaScript?

“$ ()”Funksjon brukes i JavaScript med“jQuery”Bibliotek. Det er også kjent som “JQuery Selector”Funksjon, og det er en avgjørende del av jQuery -biblioteket. Denne metoden blir betraktet som kortfattet for funksjonene eller metodene som brukes til å velge DOM -elementene ved hjelp av en CSS -velger, for eksempel i JavaScript "getElementById ()”,“getElementsByClassName ()”, Eller“getElementBytagName ()”Metoder brukes.

Syntaks

For tilgang til et HTML -element ved hjelp av en CSS -velger “id”, Bruk den gitte syntaks:

$ ("#id")

For å få tilgang til ved hjelp av CSS -velgeren “klasse”, Følg syntaksen nedenfor:

$ (".klasse")

Ved å bruke "$ ()" -funksjonen som et "getElementBytagName ()" for å få tilgang til elementet ved å bruke tagnavnet, brukes den undergitte syntaks:

$ ("element")

Eksempel 1: $ () -funksjon som "getElementById ()" -metode

I det gitte eksemplet vil vi skrive ut litt tekst på knappeklikk. For å gjøre det, først vil vi lage et avsnittselement ved å bruke "

”Tag og en knapp ved hjelp av“" stikkord:

Klikk her

For å bruke “$ ()”Funksjon i JavaScript, det er obligatorisk å legge til en“jQuery”Bibliotek, ellers vil du møte en“$ er ikke definert”Feil:

Først får du tilgang til knappen ved å bruke "$ (“Knapp”)" med en "Klikk”Arrangement og får deretter tilgang til

element som bruker den tildelte ID -en ved hjelp av “$ (“#Melding”)”. Ring jQuery innebygd “html ()”Metode for å legge til tekst på siden på et knappeklikk. Denne metoden tilsvarer JavaScript “indrehtml" Egenskap:

$ (dokument).klar (funksjon ()
$ ("knapp").klikk (funksjon ()
$ ("#melding").HTML ("Velkommen til JavaScript Tutorials on Linuxhint");
);
);

Det kan observeres at teksten vises på websiden når knappen er klikket:

Eksempel 2: $ () -funksjon som "getElementsByClassName ()" -metode

I dette eksemplet vil vi skjule og vise meldingen på knappeklikk. Først vil vi legge til en tekst som er skjult ved å bruke "skjult" Egenskap. Legg til en knapp som vil veksle teksten på klikkhendelsen:

Klikk her

I taggen får du tilgang til knappen og bruk deretter $ () -funksjonen med den tildelte klassen "PrintMsg" bruker "$ (“.Printmsg ”)”Og ring jQuery forhåndsdefinerte“Slidetoggle ()”Metode for å bytte teksten på knappeklikk:

$ (dokument).klar (funksjon ()
$ ("knapp").klikk (funksjon ()
$ (".Printmsg ").Slidetoggle ();
);
);

Som du ser, skjuler klikking av knappen avsnittteksten:

Vi har gitt alle nødvendige instruksjoner som er relevante for $ () -funksjonen i JavaScript.

Konklusjon

“$ ()”Funksjon er ikke en innebygd funksjon i JavaScript. Det brukes i JavaScript med "jQuery”Bibliotek og kalles også“JQuery Selector”Funksjon. Det brukes til å velge DOM -elementene ved hjelp av en CSS -velger, for eksempel i JavaScript “getElementById ()”,“getElementsByClassName ()”, Eller“getElementBytagName ()”Metoder brukes. Denne artikkelen definerte funksjonaliteten og bruken av $ () -funksjonen i JavaScript.