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

Ҳодисаларни боглаш учун шунингдек универсал методдан 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 бўлган абзацга чиқаради.