Jquery Tutorial In Hindi:-

दोस्तों अगले tutorial में आप ने देखा की किसी HTML Document में किस तरह से हम jQuery के Library को जोड़ सकते है । आज के jQuery tutorial में हम ये सीखेंगे की किस तरह से हम jQuery Code को लिख सकते है ।

jQuery Syntax :-

$(document).ready(function(){

   // jQuery methods go here...

});

दोस्तों आप जब भी jQuery Code लिखना शुरू करते है तो Code की शुरुआत dollar $ sign या चिन्ह से होता है । उसके बाद सभी jQuery Code के शुरुआत में (document).ready(function() { }); ये लाइन लिखना होता है ।

$(document).ready(function(){ }); इस लाइन को लिखने के बाद दूसरे लाइन में दुबारा $ चिन्ह के साथ उस HTML tag या HTML tag के साथ लिखे ID और Class को लिखा जाता है जिसके click होने पर jQuery का function काम करे | इसी लाइन में . (dot) चिन्ह के साथ उस jQuery Event को लिखा जाता है जिसे हम करना चाहते है |[ यहाँ हम jQuery click Event का उपयोग करेंगे | Event क्या होता है इसके बारे में हम किसी दूसरे Chapter में details से पढ़ेंगे | अभी आप इतना समझ लीजिये की click Event का उपयोग से Mouse द्बारा click करने से Event call होता है ]

उदाहरण के लिए आप मान लीजिये की अगर आप चाहते है की HTML Tag <button> के click करने पर jQuery का effect लागु हो तो इसका code निम्न्लिखित प्रकार का होगा :-

$(document).ready(function(){

    $("button").click(function(){

 });

});

उसके बाद $ चिन्ह के साथ उस HTML tag या HTML tag के साथ लिखे ID और Class को लिखा जाता है जिसके ऊपर jQuery का function काम करेगा |इसी लाइन में . (dot) चिन्ह के साथ उस jQuery Function को लिखा जाता है जिसे हम HTML पर apply करना चाहते है |

 

उदाहरण के लिए आप मान लीजिये की अगर आप चाहते है की <h1> tag के ऊपर jQuery का कोई effect [ यहाँ हम jQuery hide(); effect का उपयोग करेंगे ] लागु हो तो इसका code निम्न्लिखित प्रकार का होगा :-

$(document).ready(function(){

    $("button").click(function(){

        $("h1").hide();

    });

});

नीचे के Example में आप देख सकते है की किस प्रकार से हम jQuery Code का उपयोग किसी HTML Document में कर सकते है ।

Next:- jQuery Event Methods:-