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 को गोल ब्रैकेट में उसके टेक्स्ट के अंत में जोड़ा जाए।

सभी इनपुट्स को एक इवेंट बांधें - फोकस खोने पर प्रत्येक इनपुट अपना value id=#test वाले पैराग्राफ में प्रिंट करेगा।