Linea de Codigo

Una de las funciones que me parece más interesantes de jQuery es:

event.preventDefault()

Mediante la función preventDefault() del objeto Event podemos evitar que se ejecute un evento con jQuery. Esto nos da la posibilidad de alterar el comportamiento por defecto de los eventos. Por ejemplo, cuando pulsamos sobre un enlace en evento click(), este, acaba realizando una navegación.

Pero si usamos la función preventDefault() no se ejecutará la navegación:

$("a").click(function(event) {
  event.preventDefault();
}); 

Ahora, una vez que hemos evitado la ejecución del click, realizaremos otra cosa. En nuestro caso vamos a volcar la URL del enlace en una capa. Para saber que enlace se ha ido pulsando.

$("a").click(function(event) {
  event.preventDefault();
  $("#accion").append('Has pulsado el enlace ' + event.currentTarget + "<br/>");
}); 

Utilizamos el método .append() sobre una capa que se llama "accion". La propiedad del objeto Event que nos da la URL es currentTarget.

Un caso de uso en el que nos enseña a evitar que se ejecute un evento es el siguiente artículo, el cual nos enseña como simular una aplicación RIA con jQuery (en inglés).