You are here
Método jQuery encadenamiento Sin categoría 

Método jQuery encadenamiento

Método jQuery encadenamiento

La mayoría de los Método jQuery encadenamiento devolven un objeto jQuery.

Así que, ¿por qué es importante esto? Esto es muy importante ya que podemos lograr algo que se llama método de encadenamiento mediante el objeto jQuery devuelto por sus métodos.

Recordemos que usando la siguiente línea de código para cambiar el texto de nuestra etiqueta < div>:

$ ( “#hello” ). text ( “Hello world!” );
¿Y si ahora tenemos que cambiar el CSS asociado con la etiqueta arriba.

En ese escenario tenemos que escribir otra línea de código de la siguiente manera:

$ ( “#hello” ). css ( “color”, “orange” );

Como ya se ha dicho que la mayoría de los métodos de jQuery regresar objeto jQuery. W puede utilizar el objeto vuelto a hacer método de encadenamiento, en la que podemos llamar o invocar múltiples métodos en el mismo conjunto de elementos.

Esto también hace que nuestro código limpio y ordenado, además de hacer que efficiet. El siguiente ejemplo aclarar este punto:

<div id = “hello” ></div>
<script type = “text/javascript” >
$ ( “#hello” ). text ( “Hello world!” ). css ( “color” , “orange” );
</script>
Vamos a tratar de comprender el código de seguridad.

  • Iniciamos un nuevo objeto jQuery y seleccione la opción <div id = “hello”> con el símbolo $.
  • Recuerde que el símbolo $ es un atajo para la clase de jQuery.
  • Tenemos un objeto jQuery que nos permite manipular el elemento seleccionado.
  • Llamamos al método de texto () en el objeto jQuery, que establece el texto del elemento seleccionado.
  • El método de texto () devuelve el objeto jQuery nuevo, que nos permite llamar a otro método en el mismo objeto.
  • Utilizando el . operador que llamamos otro método css () en el mismo objeto y en la misma línea de código.

Más llamadas a métodos se pueden añadir en la misma línea. Antes de utilizar el método de encadenamiento, tenemos que tener un conocimiento de los métodos que devuelven objeto jQuery y qué métodos no lo hacen.

Incluso algunos métodos devuelven un objeto jQuery dependiendo de los parámetros que reciben.

Por ejemplo, el método de texto () devuelve un objeto jQuery sólo si se pasa un solo argumento. Si no pasamos un parámetro, devuelve el texto actual del elemento seleccionado (s).


Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros

Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve  para más información

Related posts