Универсальный метод on в jQuery
Для привязывания событий также можно
использовать универсальный метод
on.
Первым параметром он принимает название
события (например, 'click'), а вторым -
функцию, которую следует привязать.
Рассмотрим пример на следующем HTML коде:
<ul>
<li>text</li>
<li>text</li>
<li>text</li>
</ul>
CSS выглядит так:
li {
width: 100px;
cursor: pointer;
}
Теперь перепишем код для li, который мы
писали ранее через метод on. Для проверки работы
понажимайте на пункты списка:
$('li').on('click', function() {
$(this).append('!');
});
Можно одновременно привязать одну функцию
на несколько типов событий - для этого их
нужно перечислить их через пробел: 'click
mousemove и т.д.'. Например, так:
$('li').on('click mousemove', function func() {
$(this).append('!');
});
Привяжите всем ссылкам событие - по
наведению на ссылку в конец ее текста
дописывается ее href в круглых
скобках.
Привяжите всем инпутам событие - по потери
фокуса каждый инпут выводит свое value
в абзац с id=#test.