jQuery'деги универсалдуу on методу

Окуяларды байлоо үчүн ошондой эле универсалдуу on методун колдонсо болот. Ал биринчи параметр катары окуянын атын кабыл алат (мисалы, 'click'), экинчиси болсо - байланыштырылуучу функция.

Төмөнкү HTML коддогу мисалды карап көрөлү:

<ul>
	<li>текст</li>
	<li>текст</li>
	<li>текст</li>
</ul>

CSS төмөнкүдөй көрүнөт:

li {
	width: 100px;
	cursor: pointer;
}

Эми биз мурда on методу аркылуу жазган li үчүн кодду кайра жазабыз. Иштешин текшерүү үчүн тизме пункттарына басып көрүңүз:

$('li').on('click', function() {
	$(this).append('!');
});

Бир эле функцияны бир нече окуя түрүнө бирдей байлоого болот - бул үчүн алар боштук менен айтылышы керек: 'click mousemove ж.б.'. Мисалы, мындай:

$('li').on('click mousemove', function func() {
	$(this).append('!');
});

Бардык шилтемелерге төмөнкү окуяны байлаңыз - шилтеменин үстүнө курсор келгенде, анын текстинин аягына анын href айланасында жазылат.

Бардык инпуттарга төмөнкү окуяны байлаңыз - фокус жоголгондо, ар бир инпут өзүнүн value id=#test болгон абзацка чыгарат.