jQuery-ի on ունիվերսալ մեթոդը

Պատկերազարդման համար կարող եք օգտագործել նաև ունիվերսալ on մեթոդը: Առաջին պարամետրով այն ընդունում է իրադարձության անվանումը (օրինակ՝ 'click'), իսկ երկրորդով՝ ֆունկցիա, որը պետք է կապել:

Դիտարկենք օրինակ հետևյալ HTML կոդով:

<ul>
	<li>text</li>
	<li>text</li>
	<li>text</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-ը կլոր փակագծերում:

Բոլոր input-ներին կապեք իրադարձություն - ֆոկուսը կորցնելու դեպքում յուրաքանչյուր input արտածում է իր value-ը id=#test պարագրաֆում: