Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/05/2010, 13:49
Avatar de HiToGoRoShi
HiToGoRoShi
 
Fecha de Ingreso: abril-2008
Mensajes: 849
Antigüedad: 16 años, 1 mes
Puntos: 31
duda con funciones

Código Javascript:
Ver original
  1. $(document).ready(function(){
  2. //CODIGO JQUERY
  3. })

La primera es porque usan este evento ? hasta donde lei esto hace que que funciones los eventos del DOM despues de haber cargado la pagina.

Ahora mi otra duda es esta:

Código Javascript:
Ver original
  1. $("#capa").mouseenter(function(evento){
  2. $("#mensaje").css("display", "block");
  3. });

En ves de declarar onmouseup en el div que contiene el ID #capa, la hacen directamente aca, y este a su ves recibe un valor, pero intene hacerlo sin el document.ready y no me funcionaba, el cual no entiendo bien porque.

Y mi otra duda es tambien esta, porque la funcion recibe un valor evento, si no se usa para nada esa variable, que es lo que esta enviando realmente esa variable evento...

Aqui el codigo completo:

Código HTML:
Ver original
  1.     <title>Primer script con jQuery</title>
  2. <script src="jquery-1.3.2.min.js" type="text/javascript"></script> 
  3. $(document).ready(function(){
  4.     $("#capa").mouseenter(function(evento){
  5.         $("#mensaje").css("display", "block");
  6.     });
  7.     $("#capa").mouseleave(function(evento){
  8.         $("#mensaje").css("display", "none");
  9.     });
  10. })
  11. </head>
  12.  
  13.  
  14. <div id="capa" style="padding: 10px; background-color: #ff8800;">Pon el ratón encima de esta capa</div>
  15. <br>
  16. <div id="mensaje" style="display: none;">Has puesto el ratón encima!! <br>(Ahora quítalo de la capa)</div>
  17.  
  18. </body>
  19. </html>