Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/09/2010, 08:46
LhaN
 
Fecha de Ingreso: septiembre-2008
Mensajes: 148
Antigüedad: 15 años, 7 meses
Puntos: 10
Pregunta [jQeury] Diferencia entre estos dos codigos, cual es?

Buenas, estoy empezando con jQuery, pero se me a presentado una duda. Primero hice un codigo pensando en como funcionaria en C# por ejemplo (es con lo que mejor me manejo). Pero luego entendi que al aplicar algo a una coleccion de objetos en jQuery se les aplica a cada uno de ellos. Veamos los dos codigos para que me comprendan.
Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.     $(document).ready(function ()
  3.     {
  4.         $("a").each(function()
  5.         {
  6.             $(this).click(function()
  7.             {
  8.                 if($(this).attr("id")=="Bonito")
  9.                     alert("Has apretado un a Bonito.");
  10.                 else
  11.                     alert("Has apretado un a comun.");
  12.             });
  13.         });
  14.     });
  15. </script>
  16. <script type="text/javascript">
  17.     $(document).ready(function ()
  18.     {
  19.         $("a").click(function()
  20.         {
  21.             if($(this).attr("id")=="Bonito")
  22.                 alert("Has apretado un a Bonito.");
  23.             else
  24.                 alert("Has apretado un a comun.");
  25.         });
  26.     });
  27. </script>

Como veran, en este caso el uso del each es inecesario. Pero me surgieron las dudas:
1.- Hacen ambos codigos exactamente lo mismo? o el segundo codigo esta mejor optimizado mas alla de tener menos lineas de codigo?
2.- Si siempre que selecciono algo, en este caso los "a", voy a pasar por cada uno de ellos, en que casos va a ser necesario el each?

Desde ya muchas gracias.