Universele on-metode in jQuery

Vir die koppeling van gebeurtenisse kan jy ook die universele metode on gebruik. Die eerste parameter is die naam van die gebeurtenis (byvoorbeeld 'click'), en die tweede - die funksie wat gekoppel moet word.

Kom ons kyk na 'n voorbeeld met die volgende HTML-kode:

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

CSS lyk soos volg:

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

Laat ons nou die kode vir li, wat ons voorheen geskryf het, oorskryf deur die on-metode te gebruik. Klik op die lysitems om die werking te toets:

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

Jy kan gelyktydig een funksie aan verskeie tipes gebeurtenisse koppel - om dit te doen, moet hulle deur 'n spasie geskei wees: 'click mousemove ens.'. Byvoorbeeld:

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

Koppel 'n gebeurtenis aan alle skakels - wanneer die muis oor 'n skakel beweeg, voeg sy href tussen ronde hakies by aan die einde van sy teks.

Koppel 'n gebeurtenis aan alle invoervelde - wanneer 'n invoerveld fokus verloor, moet dit sy value in die paragraaf met id=#test uitdruk.