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('!');
});