Fundamentos de jQuery: Funciones de Utilidad y Métodos Generales

¿Qué son y para qué se utilizan las funciones? en este artículo explicaremos como se estructura la llamada a un método con jQuery, así como la definición de funciones generales y de utilidad.

Uno de los usos más frecuentes de la función jQuery() es actuar como un envoltorio que contenga todo lo referente al grupo de elementos rastreados en el documento DOM mediante un selector, sin embargo esta funcionalidad que fue estudiada a lo largo del artículo anterior no es la única dentro del compuesto de sus responsabilidades.

Funciones con jQuery

jQuery() tiene un cierto número de obligaciones adicionales de entre las cuales se destaca el servir como nombre de prefijo para llamar a un conjunto de funciones generales de múltiples utilidades, las cuales se encuentran depositadas en la librería del framework jQuery.

Sin estas funciones generales, el método primario jQuery() no podría realizar operación alguna sobre o con el objeto de elementos generado mediante el uso del Selector. Los objetivos de dichas funciones son variados y se pueden catalogar según su enfoque o el tipo de resultado que devuelven.

Llamada a una función jQuery()

En este artículo aún no abordaremos el estudio preciso de la gran mayoría de ellas, pero es importante que nos vayamos familiarizando con su uso. Primero que nada debemos definir que las llamadas a funciones quedarán estructuradas de la siguiente manera:

jQuery("selector").método(parámetros); ó  $("selector").método(parámetros);

Como se puede observar el vínculo o concatenación entre la función principal y el método general se hará a través de un punto (.), así mismo, siempre dependiendo de la función que se va a utilizar, se enviará un grupo de parámetros dentro del paréntesis de cada método. Dichos parámetros pueden o no ser necesarios para el correcto funcionamiento del método, su tipo variará y es necesario separarlos por coma en caso de enviar más de uno.

Podemos concatenar varias funciones en una misma sentencia, si deseamos obtener o realizar distintas operaciones con el mismo objeto, para hacerlo basta con agregar un punto (.) intermedio entre cada función de la siguiente manera:

jQuery("selector").método(parámetros)..método2(parámetros2);

Funciones de utilidad

Se puede presentar la ocasión en que no sea necesario utilizar un Selector con el prefijo jQuery, si utilizamos una función como “Trim” es perfectamente normal aplicar una estructura como la siguiente:

jQuery.trim(cadenadetexto); ó $.trim(cadenadetexto)

¿Por qué no se usa selector?, simplemente porque no es requerido para llevar a cabo de manera correcta la funcionalidad, el método “Trim” únicamente se encargará de borrar los espacios al inicio y al final de la cadena que mandamos a través del parámetro. A esta clase de métodos se les llama funciones de utilidad, las cuales actúan únicamente como una extensión del prefijo en lugar de hacerlo como un método general independiente.

Vale aclarar que esta clase de funciones no se incluyen en Javascript nativo, mientras que en jQuery su uso principalmente se enfoca en ampliar de manera sencilla los objetos.

Conclusión

Esta forma de estructurar y mecanizar el proceso es altamente importante para lograr el correcto funcionamiento del framework, sin esto no podríamos llamar a los métodos definidos en la librería y nuestras tareas no podrían llevarse acabo de la manera en que deseamos.

Como hemos visto hasta ahora en este par de artículos, todo tiene un motivo y razón de existencia, no podríamos llamar a funciones que nos permiten operar con un grupo de elementos sin antes haberlos encapsulado en un objeto jQuery.