कक्षा समय सारणी

जक्वरी शिक्षा

jQuery इफ़ेक्ट

jQuery HTML

जक्वरी घूमना

jQuery AJAX

jQuery मिश्रण

jQuery noConflict()

जक्वरी उदाहरण

जक्वरी संदर्भ मानवल

अपर्यायक्रम

कोर्स पसंदीदा:

कोडवै3सी.कॉम चिकित्सा खोज

जक्वरी घटना

पिछला पृष्ठ जक्वरी चयनक
अगला पृष्ठ jQuery छुपाना/दिखाना

jQuery इवेंट हैंडलिंग के लिए विशेष रूप से डिजाइन की गई है।

jQuery इवेंट फ़ंक्शन

jQuery इवेंट हैंडलर jQuery में कोर कार्यक्रम हैं।

इवेंट हैंडलर यह इवेंट के जब एचटीएमएल में कोई इवेंट होता है तो बुलाया जाने वाला मेथड जिसे इवेंट 'ट्रिगर' (या 'एक्सिट') बोला जाता है।

सामान्यतया jQuery को <head> भाग के इवेंट हैंडलर में रखा जाता है:

उदाहरण

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$("document").ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

अपने आप सिर से प्रयास करें

उपरोक्त उदाहरण में, जब बटन की क्लिक इवेंट ट्रिगर होती है तो एक फ़ंक्शन बुलाया जाता है:

$("button").click(function() {  // some code... } )

इस तरीके से सभी <p> एलीमेंट्स छुपाया जाएगा:

$("p").hide();

अलग फ़ाइल में फ़ंक्शन

यदि आपका वेबसाइट कई पृष्ठों का समावेश करता है और आप चाहते हैं कि आपके jQuery फ़ंक्शनों को आसानी से रखरखाव किया जाए, तो अलग .js फ़ाइल में आपके jQuery फ़ंक्शनों को रखें。

जब हम jQuery का प्रदर्शन करते हैं, हम फ़ंक्शन को सीधे <head> भाग में जोड़ते हैं. लेकिन इन्हें एक अलग फ़ाइल में रखना बेहतर होगा, जैसा कि इस तरह (फ़ाइल को src गुण के द्वारा संदर्भित करें):

उदाहरण

<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="my_jquery_functions.js"></script>
</head>

jQuery नाम संघर्ष

jQuery $ संकेत को jQuery के लिए एक वर्णनात्मक तरीका के रूप में प्रयोग करता है。

कुछ अन्य JavaScript लाइब्रेरी (जैसे Prototype) में भी $ संकेत का प्रयोग किया जाता है。

jQuery इस समस्या को हल करने के लिए noConflict() नामक तरीका का प्रयोग करता है。

var jq=jQuery.noConflict()，आपको अपने आप के नाम (जैसे jq) के बदले में $ संकेत का प्रयोग करने में मदद करता है。

अपने आप सिर से प्रयास करें

निष्कर्ष

जैसा कि jQuery एचटीएमएल इवेंट को हानी करने के लिए विशेष रूप से डिजाइन किया गया है, तो आप इसके निम्नलिखित सिद्धांतों का अनुसरण करते हैं तो आपका कोड अधिक उचित और बेहतर रखरखावी रखेगा:

सभी jQuery कोड को इवेंट हैंडलर में रखें
सभी इवेंट हैंडलर को दस्तावेज़ रेडी इवेंट हैंडलर में रखें
jQuery कोड को एक अलग .js फ़ाइल में रखें
यदि नाम संघर्ष हो, तो jQuery लाइब्रेरी को पुनर्नामकरण करें