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