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

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

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

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

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

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

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

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

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

javascript$('li').on('click mousemove', function func() {
  $(this).append('!');
});
Задание 1

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

Задание 2

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