जक्वेरी ग्रामार

jQuery के माध्यम से, आप HTML एलिमेंट को चयन (क्वेरी, query) कर सकते हैं और उन पर 'कार्रवाई' (actions) कर सकते हैं。

jQuery वाक्यांश उदाहरण

$(this).hide()
jQuery hide() फ़ंक्शन को प्रदर्शित करना, वर्तमान HTML एलिमेंट को हिड करना。
$("#test").hide()
jQuery hide() फ़ंक्शन को प्रदर्शित करना, id="test" के एलिमेंट को हिड करना。
$("p").hide()
jQuery hide() फ़ंक्शन को प्रदर्शित करना, सभी <p> एलिमेंट को हिड करना。
$(".test").hide()
jQuery hide() फ़ंक्शन को प्रदर्शित करना, सभी class="test" एलिमेंट को हिड करना。

जक्वेरी ग्रामार

jQuery वाक्यांश HTML एलिमेंट के चयन के लिए बनाया गया है, इसे कुछ कार्रवाई कर सकता है。

बुनियादी वाक्यांश:$(selector).action()

  • डॉलर सिंबोल jQuery को परिभाषित करता है
  • सेलेक्टर (selector) 'क्वेरी' और 'खोज' HTML एलिमेंट
  • jQuery का action() एलिमेंट पर कार्रवाई करता है

उदाहरण

$(this).hide() - हिड आउट वाला वर्तमान एलिमेंट

$("p").hide() - हिड आउट सभी पैराग्राफ

$(".test").hide() - हिड आउट वाले सभी class="test" एलिमेंट

$("#test").hide() - हिड आउट वाले सभी id="test" एलिमेंट

सूचना:jQuery का वाक्यांश XPath और CSS selector syntax के संयोजन है। इस ट्यूटोरियल के अगले अध्याय में आपको चयनकर्ता (selector) syntax के बारे में अधिक जानकारी मिलेगी。

डॉक्यूमेंट तैयार फ़ंक्शन

आपको शायद इस इन्स्टांस में सभी jQuery फ़ंक्शन एक document ready फ़ंक्शन में होने को नज़र आए हों:

$(document).ready(function(){
  // jQuery functions go here
});

यह डॉक्यूमेंट को पूर्णतया लोड (तैयार) होने से पहले jQuery कोड चलाने को रोकने के लिए है।

यदि फ़ंक्शन डॉक्यूमेंट के पूर्णतया लोड होने से पहले चलाया जाता है, तो ऑपरेशन असफल हो सकता है। नीचे दो विशेष उदाहरण हैं:

  • एक मौजूद नहीं हे एलिमेंट को छुपाने का प्रयास
  • निर्लोड नहीं हुए चित्र के आकार प्राप्त करना