jQuery - предотвратить переход по ссылке, или метод event.preventDefault()

В jQuery есть один интересный метод preventDefault(), который позволяет предотвратить возникновение "действия по умолчанию" для конкретного события. Например, если в разметке есть гиперссылка, но мы хотим использовать эту ссылку как кнопку button - т.е. без перехода по URL, заданному в атрибуте href, то используется как раз preventDefault(). После этого, всё, что необходимо сделать, - это добавить вызов preventDefault() в обработчик события клика мышью. Пример разметки и кода показан ниже:

1. Разметка. Создаем гиперссылку. В ней указан некоторый URL в атрибуте href. Но мы предотвратим переход по ссылке

<a id="customLink" href="http://ya.ru">При клике по этой ссылке ты не сможешь перейти на Yandex</a>

2. Обработчик на jQuery. Добавляем в обработчик click вызов метода preventDefault(). Результат - отмена перехода по ссылке и вывод нашего сообщения.

$("a#customLink").click(function(event) {
    event.preventDefault();
    alert("НЕТ перехода по ссылке, Вы видете это сообщение!");
});