Cosa fa la funzione $ in javascript?

IL "$ ()"La funzione non è una funzione pre-costruita in JavaScript. È comunemente usato nelle librerie Javascript, come "jQuery" e altri. Questo metodo consente ai selettori CSS di scegliere e modificare i componenti HTML in una pagina Web. Dopo aver selezionato elementi HTML utilizzando la funzione $ (), è possibile applicare eventuali modifiche ad esse. Ad esempio, lo styling, cambiando i loro contenuti e così via.

Questo articolo definirà la funzionalità e l'uso della funzione $ () in JavaScript.

Cosa fa la funzione $ () in JavaScript?

IL "$ ()"La funzione viene utilizzata in JavaScript con il"jQuery" biblioteca. È anche noto come "selettore jQuery"Funzione, ed è una parte cruciale della Biblioteca JQuery. Questo metodo è considerato come stenografia per le funzioni o i metodi utilizzati per la selezione degli elementi DOM usando un selettore CSS, come in JavaScript "getElementById ()","getElementsByClassName ()", O "getElementByTagName ()"I metodi sono utilizzati.

Sintassi

Per l'accesso a un elemento HTML utilizzando un selettore CSS "id", Utilizza la sintassi data:

$ ("#id")

Per accedere utilizzando il selettore CSS "classe"Segui la sintassi seguente:

$ (".classe")

Usando la funzione "$ ()" come "getElementByTagname ()" per accedere all'elemento usando il suo nome tag, viene utilizzata la sintassi di seguito:

$ ("elemento")

Esempio 1: $ () Funzione come metodo "getElementById ()"

Nell'esempio dato, stamperemo un po 'di testo sul clic del pulsante. Per fare ciò, in primo luogo, creeremo un elemento di paragrafo usando "

"Tag e un pulsante usando il""Tag:

Clicca qui

Per usare "$ ()"Funzione in JavaScript, è obbligatorio aggiungere un"jQuery"Biblioteca, altrimenti, incontrerai un"$ non è definito"Errore:

Ora, prima, accedi al pulsante usando "$ ("Pulsante")" con un "clic"Evento e quindi accedere al file

Elemento usando il suo ID assegnato con l'aiuto di "$ ("#Messaggio")". Chiama il jQuery integrato "html ()"Metodo per aggiungere il testo nella pagina su un pulsante Cullare. Questo metodo è equivalente al JavaScript "Innerhtml"Attributo:

$ (documento).ready (function ()
$ ("pulsante").Click (function ()
$ ("#message").HTML ("Benvenuti ai tutorial JavaScript su Linuxhint");
);
);

Si può osservare che il testo viene visualizzato nella pagina Web quando si fa clic sul pulsante:

Esempio 2: $ () Funzione come metodo "getElementsByClassName ()"

In questo esempio, nasconderemo e mostreremo il messaggio sul clic del pulsante. Innanzitutto, aggiungeremo un testo nascosto utilizzando il "nascosto"Attributo. Aggiungi un pulsante che alterrà il testo sull'evento clicca:

Clicca qui

Nel tag, accedi al pulsante e quindi utilizza la funzione $ () con la sua classe assegnata "Printmsg" usando il "$ (".printmsg ")"E chiama il jQuery predefinito"slidetoggle ()"Metodo per attivare il testo sul clic del pulsante:

$ (documento).ready (function ()
$ ("pulsante").Click (function ()
$ (".printmsg ").slidetoggle ();
);
);

Come puoi vedere, facendo clic sul pulsante nasconde il testo del paragrafo:

Abbiamo fornito tutte le istruzioni necessarie pertinenti alla funzione $ () in JavaScript.

Conclusione

IL "$ ()"La funzione non è una funzione integrata in JavaScript. È usato in JavaScript con il "jQuery"Biblioteca ed è anche chiamato"selettore jQuery" funzione. Viene utilizzato per la selezione degli elementi DOM utilizzando un selettore CSS, come in JavaScript "getElementById ()","getElementsByClassName ()", O "getElementByTagName ()"I metodi sono utilizzati. Questo articolo ha definito la funzionalità e l'uso della funzione $ () in JavaScript.