jQuery सिंटेक्स
JQuery के साथ आप (क्वेरी) HTML तत्वों का चयन करते हैं और उन पर "क्रियाएँ" करते हैं।
jQuery सिंटेक्स
jQuery का सिंटैक्स HTML तत्वों का चयन करने और तत्वों पर कुछ क्रिया करने के लिए तैयार किया गया है।
मूल सिंटैक्स है: $( चयनकर्ता )। क्रिया ()
- JQuery को परिभाषित/पहुंचने के लिए एक $ चिह्न
- ए ( चयनकर्ता ) से "क्वेरी (या ढूंढें)" HTML तत्व
- तत्वों पर निष्पादित करने के लिए एक jQuery क्रिया ()
उदाहरण:
$(this).hide() - वर्तमान तत्व को छुपाता है।
$("p").hide() - सभी <p> तत्वों को छुपाता है।
$(".test").hide() - वर्ग = "परीक्षण" के साथ सभी तत्वों को छुपाता है।
$("#test").hide() - आईडी = "परीक्षण" के साथ तत्व छुपाता है।
क्या आप CSS चयनकर्ताओं से परिचित हैं?
jQuery तत्वों का चयन करने के लिए CSS सिंटैक्स का उपयोग करता है। आप इस ट्यूटोरियल के अगले अध्याय में चयनकर्ता सिंटैक्स के बारे में अधिक जानेंगे।
युक्ति: यदि आप सीएसएस नहीं जानते हैं, तो आप हमारे सीएसएस ट्यूटोरियल को पढ़ सकते हैं ।
दस्तावेज़ तैयार घटना
आपने देखा होगा कि हमारे उदाहरणों में सभी jQuery विधियाँ, एक दस्तावेज़ तैयार घटना के अंदर हैं:
$(document).ready(function(){
// jQuery methods go here...
});
यह किसी भी jQuery कोड को दस्तावेज़ के लोड होने से पहले चलने से रोकने के लिए है (तैयार है)।
दस्तावेज़ के साथ काम करने से पहले पूरी तरह से लोड होने और तैयार होने की प्रतीक्षा करना एक अच्छा अभ्यास है। यह आपको अपने दस्तावेज़ के मुख्य भाग से पहले, शीर्ष अनुभाग में अपना जावास्क्रिप्ट कोड रखने की अनुमति देता है।
यहां कुछ कार्यों के उदाहरण दिए गए हैं जो विफल हो सकते हैं यदि दस्तावेज़ पूरी तरह से लोड होने से पहले तरीके चलाए जाते हैं:
- एक ऐसे तत्व को छिपाने की कोशिश कर रहा है जो अभी तक नहीं बना है
- एक छवि का आकार प्राप्त करने का प्रयास कर रहा है जो अभी तक लोड नहीं हुआ है
युक्ति: jQuery टीम ने दस्तावेज़ तैयार ईवेंट के लिए और भी छोटी विधि बनाई है:
$(function(){
// jQuery methods go here...
});
अपनी पसंद के सिंटैक्स का उपयोग करें। हमें लगता है कि कोड पढ़ते समय दस्तावेज़ तैयार घटना को समझना आसान होता है।