¿Qué hace la función $ en JavaScript??

¿Qué hace la función $ en JavaScript??

El "psLa función no es una función preconstruida en JavaScript. Se usa comúnmente en bibliotecas de JavaScript, como "jQuery" y otros. Este método permite a los selectores CSS elegir y modificar los componentes HTML en una página web. Después de seleccionar elementos HTML utilizando la función $ (), puede aplicarles cualquier modificación. Por ejemplo, estilo, cambio de su contenido, etc.

Este artículo definirá la funcionalidad y el uso de la función $ () en JavaScript.

¿Qué hace la función $ () en JavaScript??

El "ps"La función se usa en JavaScript con el"jQuery" biblioteca. También se conoce como el "selector de jQuery"Función, y es una parte crucial de la biblioteca jQuery. Este método se considera abreviado para las funciones o métodos que se utilizan para seleccionar los elementos DOM utilizando un selector CSS, como JavaScript "getElementById ()","getElementsByClassName ()", o "getElementBytagName ()Se utilizan los métodos.

Sintaxis

Para acceder a un elemento HTML usando un selector CSS "identificación", Utilice la sintaxis dada:

$ ("#ID")


Para acceder al uso del selector CSS "clase", Siga la siguiente sintaxis:

ps.clase")


Usando la función "$ ()" como una "getElementBytagName ()" para acceder al elemento usando su nombre de etiqueta, se utiliza la sintaxis dada a continuación:

$ ("Elemento")


Ejemplo 1: $ () función como método "getElementById ()"

En el ejemplo dado, imprimiremos algún texto en el botón Haga clic. Para hacerlo, primero, crearemos un elemento de párrafo utilizando el "

"Etiqueta y un botón usando el"" etiqueta:



Para usar "ps"Función en JavaScript, es obligatorio agregar un"jQuery"Biblioteca, de lo contrario, encontrará un"$ no está definido" error:


Ahora, primero, acceda al botón usando "$ ("Botón")" con un "hacer clic"Evento y luego acceda a la

elemento usando su identificación asignada con la ayuda de "$ ("#Mensaje")". Llame a la jQuery incorporada "html ()Método para agregar texto en la página en un botón Haga clic. Este método es equivalente al JavaScript "innerhtml" atributo:

$ (documento).Ready (function ()
$ ("botón").hacer clic (function ()
$ ("#mensaje").html ("Bienvenido a los tutoriales de JavaScript en Linuxhint");
);
);


Se puede observar que el texto se muestra en la página web cuando se hace clic en el botón:


Ejemplo 2: $ () función como método "getElementsByClassName ()"

En este ejemplo, ocultaremos y mostraremos el mensaje en el botón Haga clic. Primero, agregaremos un texto oculto utilizando el "oculto" atributo. Agregue un botón que alterne el texto en el evento de clic:



En la etiqueta, acceda al botón y luego use la función $ () con su clase asignada "printmsg" utilizando el "ps.printmsg ")"Y llame a la jQuery predefinida"slidetoggle ()Método para alternar el texto en el botón Haga clic:

$ (documento).Ready (function ()
$ ("botón").hacer clic (function ()
ps.printmsg ").slidetoggle ();
);
);


Como puede ver, hacer clic en el botón oculta el texto del párrafo:


Hemos proporcionado todas las instrucciones necesarias relevantes para la función $ () en JavaScript.

Conclusión

El "psLa función no es una función incorporada en JavaScript. Se usa en JavaScript con el "jQuery"Biblioteca y también se llama el"selector de jQuery" función. Se utiliza para seleccionar los elementos DOM utilizando un selector CSS, como en JavaScript "getElementById ()","getElementsByClassName ()", o "getElementBytagName ()Se utilizan los métodos. Este artículo definió la funcionalidad y el uso de la función $ () en JavaScript.