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

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

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

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

CSS-ն այսպիսի տեսք ունի.

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

Այժմ վերագրենք li-ի կոդը, որը մենք նախկինում գրել էինք on մեթոդով: Աշխատանքը ստուգելու համար սեղմեք ցուցակի կետերի վրա.

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

Միաժամանակ կարելի է կապել մեկ ֆունկցիա մի քանի տեսակի իրադարձությունների վրա - դրա համար դրանք պետք է թվարկել բացատով՝ 'click mousemove և այլն': Օրինակ՝ այսպես.

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