Enlazado de jQuery

A través de jQuery, puede enlazar acciones/métodos.

El enlazado permite que múltiples métodos jQuery (en el mismo elemento) se ejecuten en una sola instrucción.

Enlazado de métodos jQuery

Hasta ahora, siempre hemos escrito una sola instrucción jQuery (una después de otra).

Sin embargo, hay una técnica llamada enlazado (chaining) que permite ejecutar múltiples comandos jQuery en el mismo elemento, uno después de otro.

Consejo:De esta manera, el navegador no tendrá que buscar el mismo elemento varias veces.

Para enlazar una acción, simplemente agregue la acción al final de la acción anterior.

Ejemplo 1

El siguiente ejemplo une css(), slideUp() y slideDown(). El elemento "p1" primero se convertirá en rojo, luego se deslizará hacia arriba y luego hacia abajo:

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

pruebe personalmente

Si es necesario, también podemos agregar múltiples llamadas a métodos.

Consejo:Cuando se realiza un enlace, la línea de código se vuelve muy mala. Sin embargo, jQuery no es muy estricto en la sintaxis; puede escribirlo en el formato que desee, incluyendo saltos de línea y sangrado.

Ejemplo 2

También se puede ejecutar de esta manera:

$("#p1").css("color","red")
  .slideUp(2000)
  .slideDown(2000);

pruebe personalmente

jQuery eliminará los espacios en blanco adicionales y ejecutará el código de una línea larga.