Использование Delegate и Undelegate в jQuery 1.4.2

Глаза слипаются. Хотел уйти спать, но топик открыл лишь из-за картинки :)

Я конечно всё понимаю, картинка для привлечения внимания, и всё такое… Но она же ВООБЩЕ к теме не относится. Не надо так делать.

Надеялся узнать из статьи какая связь между девушкой с картинки и jQuery.

не знаю, мне bind больше нравится.

Да, «пик не релейтед». Но статья хорошая, спасибо. Будет полезна людям, кто перешел на новый jQ, не заметив вкусности.

Спасибо. Не приходилось раньше использовать live(), но на примерах стало понятно, где код можно сделать более красивым

А я для этих целей использую livequery plugin. Спасибо, что просвятили :)

Последний приведенный пример source code не относится к проблеме mouseenter и mouseleave. Поправьте пожалуйста.

Пост полезный, но тема сисек не раскрыта :)

Спасибо, большое за статью. Напишу здесь как я пришел к jQuery. Было это совсем недавно.

Потребовалось мне разработать калькулятор. Подумал что нужно для реализации, на какие кнопки какие события вешать и т.д. Начал программировать. Пишу

var ids = new Object();
var ids.item = document.getElementByClass('nameClass');
и так далее.

Проверяю, консоль выдает ошибку на методе getElementByClass. Хм, полез разбираться, и оказалось что в JS нет такого метода!!! Так как до этого читал и пробовал разобраться с jQuery (а так же знал что там есть реализация поиска практически по всему и по классам в частности) то решил использовать его(или её). Вначале прошел эту статью, чтобы освежить в памяти как работает этот фреймворк. Потом пошел сюда api jquery. Так как у меня туго с не русским, пришлось юзать переводчик, для методов которые не понял зачем нужны из примеров. В общем потратив 3-4 часа (а калькулятор нужен был за день) на изучения api. Я довольно быстро написал калькулятор. Мне очень понравилось. Теперь буду использовать только jquery, чего и всем советую :)

лив срабатывает только когда я добавляю элементы через методы jquery или когда стандартным appendChild добавляю тоже схватывает?

Все отлично разобрано.
Интересно, что я, когда начинал использовать jQuery, то думал, что никакого live использовать не нужно, для добавленных элементов, думал, что jQuery сам отслеживает изменения в DOM, однако позже узнал про live. Но я до сих пор недоумеваю — почему бы не отказаться от live и использовать новые элементы также, как и те, что в DOM были всегда? Я понимаю, что здесь наверняка есть какая-то серьезная преграда, и был бы рад, если бы кто-то пояснил какая.

да, интересно но мало. мне вот очень хочется прочитать про контекст в методе api.jquery.com/closest/

делегирование может быть реализовано и по старинке:
$('#div').bind('mouseover', function(event) {
var $link = $(event.target).closest('a');
if ($link.length) {
var link = $link[0]
…

так внутри дива можно поймать все А динамически там появляющиеся

и никто не сказал что отличий просто нет между новыми и старыми методами, что это просто оболочка для простоты использования. Смотрим код:
delegate: function( selector, types, data, fn ) {
return this.live( types, data, fn, selector );
},

undelegate: function( selector, types, fn ) {
if ( arguments.length === 0 ) {
return this.unbind( «live» );

} else {
return this.die( types, null, fn, selector );
}
},

ВВели вообще общую функцию .on() blog.jquery.com/2011/11/03/jquery-1-7-released/

Спасибо, очень познавательно.

И напомню всем читателям про сладкое слово «deprecated». Относится оно именно к методу .live() (ну и конечно в методу .die()) с версии jQuery 1.7!

И настоятельно рекомендую ознакомление с вопросом про события в новых версиях jQuery:
jQuery 1.7 Released