Uno de lo mejor de jQuery es que la capacidad de la cadena de casi todos los métodos que es. Si "la capacidad de la cadena" suena hebreo, he aquí una pequeña explicación lo que es.
Digamos que usted tiene un <div id="myDiv"> Lorem Ipsum </ div>
Y que tiene que hacer lo siguiente
- Cambiar la altura de 150px
- Cambiar la opacidad a 0,8
- Agregar una clase llamada "pClass"
- Y establecer el texto dentro del div, como "We are the world"
Así que, ¿qué harías en circunstancias normales? Usted escribe cuatro líneas de código. Al igual que si se utiliza jQuery en forma convencional, probablemente volvería a escribir
1 2 3 4 | ; somos el mundo "); |
Pero si usamos el método chaininig simplemente iba a escribir
) . css ( "height" , "150px" ) . fadeTo ( 500 , 0.8 ) . addClass ( "pClass" ) . text ( "We are the world" ) ; .. $ ("# MyDiv") css ("altura", "150px") Fadeto (500, 0,8) AddClass ("pClass") de texto ("We are the world")..;
Parece complicado? No lo creo. Es leer a menos que pongas un buen montón de métodos a un objeto que es muy poco probable. Así que es encadenamiento.
Detrás de las pantallas, el encadenamiento se hace simplemente mediante la devolución del objeto después de itselft la aplicación del método. Se acaba de gustar la forma en que utilizan métodos de JavaScript Object como
"Lorem Ipsum Dolor" ; var MyString = "Lorem Ipsum Dolor";
( ) . substring ( 0 , 5 ) ; .. PString = MyString toLowerCase () substring (0, 5);
Y esto es un regalo cuando tenemos opciones de hacer las cosas por el estilo. ¿Quién quiere escribir más código cuando hay maneras de hacer que sea corto? Por lo menos yo no. Así casi todos los métodos
en jQuery tiene esta chainability. Todos los métodos de esa cadena, devuelve el objeto jQuery entero sí mismo para que más métodos se pueden aplicar a la misma.
Usted puede ver el código de arriba corriendo aquí .











































Comentarios recientes