दोस्तों अगले 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:-