Умумии усули on дар jQuery

Барои пайваст кардани воқеаҳо низ метавон усули умумиро истифода бурд on. Як параметри аввал он номи воқеаро қабул мекунад (масалан, 'click'), ва дуюмро - функсияе, ки бояд пайваст шавад.

Мисолро дар коди HTML-и зерин баррасӣ мекунем:

html<ul>
  <li>матн</li>
  <li>матн</li>
  <li>матн</li>
</ul>

CSS чунин намуд дорад:

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

Ҳоло кодеро барои li, ки мо пештар навишта будем тавассути усули on нависед. Барои санҷиши кори рӯйи пунктҳои рӯйхат клик кунед:

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

Як функсияро ҳамзамон барои якчанд намуди воқеаҳо пайваст кардан мумкин аст - барои ин онҳоро бояд тавассути фосила аз ҳамдигар ҷудо кунед: 'click mousemove ва ғайра.'. Масалан, чунин:

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

Ба ҳамаи пайвандҳо воқеаро пайваст кунед - дар ҳолати нишон додан ба пайванд дар охири матнаш href-и он дар қавсҳои гирд илова мешавад.

Задание 2

Ба ҳамаи воридшавӣҳо воқеаро пайваст кунед - дар ҳолати гум кардани фокуси ҳар як воридшавӣ value-и худро дар абзас бо id=#test чоп мекунад.