Universaalne meetod on jQuery-s

Sündmuste sidumiseks saab kasutada ka universaalset meetodit on. Esimese parameetrina võtab see sündmuse nimetuse (näiteks 'click') ja teise parameetrina - funktsiooni, mis tuleb siduda.

Vaatame näidet järgmise HTML koodiga:

<ul>
	<li>text</li>
	<li>text</li>
	<li>text</li>
</ul>

CSS näeb välja selline:

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

Nüüd kirjutame ümber koodi li jaoks, mille me kirjutasime varem läbi meetodi on. Töö kontrollimiseks klõpsake loendi punktidel:

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

Ühe funktsiooni saab korraga siduda mitut tüüpi sündmustega - selleks tuleb need loetlede tühikuga eraldades: 'click mousemove jne.'. Näiteks nii:

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

Seoge kõikidele linkidele sündmus - kui hiir liigub lingi kohale, lisatakse selle teksti lõppu lingi href ümarsulgudes.

Seoge kõikidele sisendväliadele sündmus - kui kaotatakse fookus, kuvab iga sisendväli oma value lõigus id-ga id=#test.