Умумии усули on дар jQuery
Барои пайваст кардани воқеаҳо низ метавон
усули умумиро истифода бурд
on.
Як параметри аввал он номи
воқеаро қабул мекунад (масалан, 'click'), ва дуюмро -
функсияе, ки бояд пайваст шавад.
Мисолро дар коди HTML-и зерин баррасӣ мекунем:
<ul>
<li>матн</li>
<li>матн</li>
<li>матн</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 чоп мекунад.