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:

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

CSS lyk soos volg:

cssli {
  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:

javascript$('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:

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