Yleinen metodi on jQuery:ssä

Tapahtumien sitomiseen voit myös käyttää yleistä metodia on. Ensimmäisenä parametrina se ottaa tapahtuman nimen (esimerkiksi 'click'), ja toisena - liitettävän funktion.

Tarkastellaan esimerkkiä seuraavalla HTML-koodilla:

<ul>
	<li>teksti</li>
	<li>teksti</li>
	<li>teksti</li>
</ul>

CSS näyttää tältä:

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

Kirjoitetaan nyt li:lle koodi, jonka kirjoitimme aiemmin, uudelleen on-metodin avulla. Testataksesi toimintaa klikkaa listan kohtia:

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

Yksi funktio voidaan sitoa useaan eri tapahtumatyyppiin samanaikaisesti - tätä varten ne tulee luetella välilyönnillä erotettuna: 'click mousemove jne.'. Esimerkiksi näin:

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

Sido kaikkiin linkkeihin tapahtuma - kun linkkiin vietäään hiiri, sen tekstin loppuun lisätään sen href pyöreissä suluissa.

Sido kaikkiin syötekenttiin tapahtuma - kun kenttä menettää fokuksinsa, jokainen syötekenttä tulostaa oman value:nsa kappaleeseen, jonka id=#test.