jQuery चालू () विधि
उदाहरण
<p> एलिमेंट में एक क्लिक इवेंट अटैच करें:
$("p").on("click", function(){
alert("The paragraph was clicked.");
});
परिभाषा और उपयोग
चालू () विधि चयनित तत्वों और बाल तत्वों के लिए एक या अधिक ईवेंट हैंडलर संलग्न करती है।
JQuery संस्करण 1.7 के अनुसार, ऑन () विधि बाइंड (), लाइव () और डेलिगेट () विधियों के लिए नया प्रतिस्थापन है। यह विधि एपीआई में बहुत अधिक स्थिरता लाती है, और हम अनुशंसा करते हैं कि आप इस विधि का उपयोग करें, क्योंकि यह jQuery कोड आधार को सरल करता है।
नोट: ऑन () विधि का उपयोग करके संलग्न ईवेंट हैंडलर वर्तमान और भविष्य दोनों तत्वों (जैसे स्क्रिप्ट द्वारा बनाए गए नए तत्व) के लिए काम करेंगे।
युक्ति: ईवेंट हैंडलर को निकालने के लिए, ऑफ () विधि का उपयोग करें।
युक्ति: एक ईवेंट संलग्न करने के लिए जो केवल एक बार चलता है और फिर स्वयं को हटा देता है, एक() विधि का उपयोग करें।
वाक्य - विन्यास
$(selector).on(event,childSelector,data,function,map)
Parameter | Description |
---|---|
event | Required. Specifies one or more event(s) or namespaces to attach to the selected elements. Multiple event values are separated by space. Must be a valid event |
childSelector | Optional. Specifies that the event handler should only be attached to the specified child elements (and not the selector itself, like the deprecated delegate() method). |
data | Optional. Specifies additional data to pass along to the function |
function | Required. Specifies the function to run when the event occurs |
map | Specifies an event map ({event:function, event:function, ...}) containing one or more event to attach to the selected elements, and functions to run when the events occur |
इसे स्वयं आज़माएं - उदाहरण
एकाधिक ईवेंट संलग्न करें किसी तत्व में
का उपयोग करके चयनित तत्वों में एकाधिक ईवेंट हैंडलर कैसे संलग्न करें।
एक अनुकूलित नेमस्पेस ईवेंट कैसे संलग्न करें।
डेटा के साथ कैसे पास करें।
दिखाएँ कि चालू () विधि उन तत्वों के लिए भी काम करती है जो अभी तक नहीं बने हैं।
को निकालें ऑफ़ () पद्धति का उपयोग करके ईवेंट हैंडलर को कैसे निकालें।