EVENTOS Y MTODOS DE

jQUERY

EVENTOS:
.bind ()
Adjuntar un manejador a un evento para los elementos.

.blur ()
Enlazar un controlador de eventos a la "falta de definicin" evento JavaScript o
desencadenar ese evento en un elemento.

.cambiar ()
Enlazar un controlador de eventos para el evento "cambio" con JavaScript o
desencadenar ese evento en un elemento.

.click ()
Enlazar un controlador de eventos para el evento "click" con JavaScript o desencadenar
ese evento en un elemento.

.dblclick ()
Enlazar un controlador de eventos a la "dblclick" evento JavaScript o desencadenar ese
evento en un elemento.

.delegate ()
Adjuntar un manejador de uno o ms eventos para todos los elementos que coinciden
con el selector, ahora o en el futuro, sobre la base de un conjunto especfico de
elementos raz.

.die ()
Eliminar controladores de eventos unidos previamente usando .live () de los elementos.

.Error ()
Enlazar un controlador de eventos para el "error" evento de JavaScript.

event.currentTarget
El elemento DOM actual dentro de la fase de propagacin de eventos.

event.data
Un objeto opcional de los datos pasados a un mtodo de evento cuando se enlaza el
manejador de ejecucin actual.

event.delegateTarget
El elemento donde estaba conectada la llamada actualmente controlador de eventos
jQuery.

event.isDefaultPrevented ()
Devuelve si event.preventDefault () nunca fue llamado en este objeto de evento.

event.isImmediatePropagationStopped ()

Devuelve si Event.stopImmediatePropagation () nunca fue llamado en este objeto de

evento.

event.isPropagationStopped ()
Devuelve si event.stopPropagation () nunca fue llamado en este objeto de evento.

event.metaKey
Indica si se ha pulsado la tecla META cuando el evento dispar.

event.namespace
El espacio de nombres especificado cuando se activa el evento.

event.pageX
La posicin del ratn en relacin con el borde izquierdo del documento.

event.pageY
La posicin del ratn con relacin al borde superior del documento.

event.preventDefault ()
Si se llama a este mtodo, no se activar la accin predeterminada del evento.

event.relatedTarget
El otro elemento DOM involucrado en el evento, si los hubiere.

event.result
El ltimo valor devuelto por un controlador de eventos que se desencadena por este
evento, a menos que el valor era indefinido.

Event.stopImmediatePropagation ()
Mantiene el resto de los manipuladores de ser ejecutado e impide que el evento de
burbujeando el rbol DOM.

event.stopPropagation ()
Previene el evento desde burbujeando el rbol DOM, evitando cualquier controlador de
padres de ser notificado del evento.

event.target
El elemento DOM que inici el evento.

event.timeStamp
La diferencia en milisegundos entre el momento en el navegador creado el evento y 1 de
enero de 1970.

tipo de evento
Describe la naturaleza del evento.

event.which
Para los eventos clave o de ratn, esta propiedad indica la tecla o botn especfico que
se presion.

.enfoque ()
Enlazar un controlador de eventos para el "enfoque" evento JavaScript o desencadenar
ese evento en un elemento.

.concntrate en ()
Enlazar un controlador de eventos para el evento "focusIn".

.focusout ()
Enlazar un controlador de eventos a la "focusOut" evento de JavaScript.

.hover ()
Enlazar uno o dos controladores a los elementos coincidentes, a ser ejecutado cuando el
puntero del mouse entra y sale de los elementos.

jQuery.proxy ()
Toma una funcin y devuelve una nueva que siempre tendr un contexto particular.

.keydown ()
Enlazar un controlador de eventos a la "keydown" evento JavaScript o desencadenar ese
evento en un elemento.

.keypress ()
Enlazar un controlador de eventos a la "pulsacin" evento JavaScript o desencadenar
ese evento en un elemento.

.keyup ()
Enlazar un controlador de eventos a la "keyUp" JavaScript evento, o desencadenar ese
evento en un elemento.

.live ()
Adjuntar un controlador de eventos para todos los elementos que coinciden con el
selector de corriente, ahora y en el futuro.

.load ()
Enlazar un controlador de eventos de la "carga" evento de JavaScript.

.ratn hacia abajo ()

Enlazar un controlador de eventos a la "MouseDown" evento JavaScript o desencadenar
ese evento en un elemento.

.mouseenter ()
Enlazar un controlador de eventos que se activa cuando el ratn entra en un elemento, o
desencadenar ese manejador de un elemento.

.mouseleave ()
Enlazar un controlador de eventos que se activa cuando el ratn sale un elemento, o
desencadenar ese manejador de un elemento.

.mousemove ()
Enlazar un controlador de eventos a la "mouseMove" evento JavaScript o desencadenar
ese evento en un elemento.

.mouseout ()
Enlazar un controlador de eventos a la "mouseOut" JavaScript evento, o desencadenar
ese evento en un elemento.

.ratn sobre ()
Enlazar un controlador de eventos a la "mouseover" evento JavaScript o desencadenar
ese evento en un elemento.

.mouseup ()
Enlazar un controlador de eventos a la "mouseup" evento JavaScript o desencadenar ese
evento en un elemento.

.OFF ()
Eliminar un controlador de eventos.

.en ()
Adjunte una funcin de controlador de eventos para uno o ms eventos a los elementos
seleccionados.

.uno ()
Adjuntar un manejador a un evento para los elementos. El manejador se ejecuta como
mximo una vez por elemento segn el tipo de evento.

.Listo ()
Especifique una funcin a ejecutar cuando el DOM est completamente cargado.

.resize ()
Enlazar un controlador de eventos a la "redimensionar" evento JavaScript o
desencadenar ese evento en un elemento.

.scroll ()
Enlazar un controlador de eventos para el "scroll" evento JavaScript o desencadenar ese
evento en un elemento.

.select ()
Enlazar un controlador de eventos a la "seleccione" evento JavaScript o desencadenar
ese evento en un elemento.

.enviar ()
Enlazar un controlador de eventos para el "enviar" evento JavaScript o desencadenar ese
evento en un elemento.

.toggle ()
Enlazar dos o ms manipuladores a los elementos coincidentes, que se ejecutar en los
clics alternos.

.trigger ()
Ejecutar todos los manipuladores y los comportamientos vinculados a los elementos
coincidentes para el tipo de evento dado.

.triggerHandler ()
Ejecutar todos los manejadores adjuntos a un elemento para un evento.

.unbind ()
Retirar un controlador de eventos previamente conectado a partir de los elementos.

.undelegate ()
Retirar un manejador del evento para todos los elementos que coinciden con el selector
de la corriente, en base a un conjunto especfico de elementos raz.

.unload ()
Enlazar un controlador de eventos a la "descarga" evento de JavaScript.

MTODOS:
1. data()
El mtodo data nos permite manejar datos de cualquier
elemento del DOM de una forma segura, evitando
referencias circulares y los efectos sobre la memoria de las
mismas. Veamos un ejemplo:
<div data-type="page" data-hidden="true" dataoptions='{"name":"John"}'></div>
$("div").data("role") === "page";
$("div").data("hidden") === true;
$("div").data("options").name === "John";
O lo que es lo mismo:
$("div").data("role", "page");
$("div").data("hidden", "true");
$("div").data("role", {name: "John"});
Referencia completa en la documentacin jQuery de data()
2. stop( [limpiarCola ], [saltarAlFinal] )
El mtodo permite parar, la animacin que est
actualmente en ejecucin. Es verdaderamente til cuando
manejamos imgenes.

Veamos un ejemplo de llamada:

$(this).find('img').stop(true, true).fadeOut();
Referencia completa en la documentacin jQuery de stop()
3. toggleClass()
Permite conmutar clases, de forma, que si el elemento tiene
ya la clase, la elimina y viceversa. El siguiente cdigo:
$('#home').toggleClass('active');
Hace exactamente lo mismo que este:
if ($('#home').hasClass('active')) {
$('#home').removeClass('active');
}
else {
$('#home').addClass('active');
}
Referencia completa en la documentacin jQuery de
toggleClass()
4. delay(duracion, [nombreCola])
Permite retrasar la ejecucin de las funciones que se
ejecutan en una cola. Muy til con las animaciones.
$('#content').slideUp(300).delay(800).fadeIn(400);
Referencia completa en la documentacin jQuery de delay()
5. each()
Este mtodo nos permite iterar sobre estructuras del DOM
de una forma simple en una sola lnea. Cada vez que se
llama, itera una vez comenzando en el elemento 0 hasta el
final de la estructura. Veamos un ejemplo:
<ul>
<li>Apple</li>
<li>Orange</li>
<li>Mango</li>
<li>Blueberry</li>

<li>Watermelon</li>
</ul>
Referencia completa en la documentacin jQuery de each()
6. size()
La llamada a esta funcin es equivalente a la llamada al
atributo length. Es mejor usar el atributo, pero siempre
viene bien saber ms posibilidades.
var size1 = $("li").size(); // es igual a
var size2 = $("li").length;
Referencia completa en la documentacin jQuery de size()
7. closest(selector)
Obtiene el primer ancestro (elemento superior en el rbol)
que concuerda con la regla incluida en el selector.
$('li.item-a').closest('ul').css('background-color', 'red');
Referencia completa en la documentacin jQuery de
clostest()
8. position()
El mtodo nos devuelve la posicin de un elemento
respecto a otro, a diferencia del mtodo offset que lo hace
respecto del documento. Sin lugar a dudas, el mtodo ms
til para situar elementos de forma relativa a otros:
var p = $("p:first");
var position = p.position();
alert("left: " + position.left + ", top: " + position.top);
Referencia completa en la documentacin jQuery de
position()