duda con funciones

HiToGoRoShi · #1 (**permalink**) 15/05/2010, 13:49

Código Javascript:

Ver original$(document).ready(function(){
//CODIGO JQUERY
})

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$("#capa").mouseenter(function(evento){
$("#mensaje").css("display", "block");
});

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<html>
<head>
    <title>Primer script con jQuery</title>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>  
<script>
$(document).ready(function(){
    $("#capa").mouseenter(function(evento){
        $("#mensaje").css("display", "block");
    });
    $("#capa").mouseleave(function(evento){
        $("#mensaje").css("display", "none");
    });
})
</script>
</head>
 
<body>
 
<div id="capa" style="padding: 10px; background-color: #ff8800;">Pon el ratón encima de esta capa</div>
<br>
<div id="mensaje" style="display: none;">Has puesto el ratón encima!! <br>(Ahora quítalo de la capa)</div>
 
</body>
</html>

mayid · #2 (**permalink**) 15/05/2010, 14:28

Cita:

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.

No se trata de eventos del DOm, sino de funciones que se disparan cuando el DOM está listo. Es decir, cuando todo el html ha sido reconocido y sumado al arbol.

Cita:

pero intene hacerlo sin el document.ready y no me funcionaba, el cual no entiendo bien porque.

Porque #capa y el otro div aun no existian.

Cita:

que es lo que esta enviando realmente esa variable evento...

Probablemente, información del html en el que posicionas el mouse. Así, podrías obtener sus atributos usando $(this).

HiToGoRoShi · #3 (**permalink**) 15/05/2010, 17:22

ahh es por eso que en javascript sin framework usaba, document.getElemenyByID ahora entiendo bien.

Voy a practicar y leer mas

mayid · #4 (**permalink**) 15/05/2010, 20:01

Esto:
document.getElemenyByID['capa']

es equivalente a esto:

$("#capa")