JQuery चयनकर्ताओं पर एक नजदीकी नजर

चयनकर्ता jQuery पुस्तकालय की नींव हैं। डीओएम में हेरफेर करने के लिए jQuery का उपयोग करते समय उनका हमेशा उपयोग किया जाएगा। चयनकर्ता एक मिलान तत्व को वापस करने के लिए एक फ़ंक्शन के रूप में कार्य करते हैं। वे jQuery पुस्तकालय के साथ आते हैं और बॉक्स के बाहर उपयोग करने के लिए तैयार हैं।

चयनकर्ता फ़ंक्शन का एक विशिष्ट रूप है। यह एक डॉलर चिह्न ($) से शुरू होता है जिसके बाद कोष्ठक होते हैं।

$()

कोष्ठक के अंदर जो स्वीकार किया जाता है, वह चयनित होने वाले तत्व का नाम, आईडी या वर्ग है। एक तत्व के चयन के बाद, उस तत्व को बदलने के तरीकों को डॉट नोटेशन का उपयोग करके चयनकर्ता फ़ंक्शन पर जंजीर किया जा सकता है।

$('p').html("Some new content rendered from jQuery")

यह पृष्ठ पर सभी अनुच्छेद तत्वों का चयन करता है और उनके अंदर के HTML को एक स्ट्रिंग से बदल देता है। jQuery को किसी भी तत्व या तत्वों को त्वरित रूप से एक्सेस करने और वांछित परिवर्तन करने के लिए विधियों का उपयोग करने के लिए बनाया गया था। यह कार्यक्षमता एक गतिशील वेब एप्लिकेशन बनाने के अनुमान को हटा देती है।

jQuery चयनकर्ता क्या है?

JQuery चयनकर्ता एक फ़ंक्शन है जो jQuery लाइब्रेरी के साथ आता है। jQuery का उपयोग करना आवश्यक है। यह अपने पैरामीटर के लिए एक स्ट्रिंग के रूप में नाम, वर्ग और/या आईडी स्वीकार करता है। यहां से, डीओएम में हेरफेर करने के लिए एक jQuery विधि को जंजीर बनाया जा सकता है।

यह उपयोगी क्यों है? jQuery ने document.querySelector() को कॉल करने के बजाय सीधे एक तत्व को संदर्भित करने के लिए चयनकर्ता का उपयोग करके, सादे जावास्क्रिप्ट में वर्बोज़ की जा सकने वाली विधियों में निर्मित शॉर्टहैंड का परिचय दिया। या document.querySelectorAll() .

एक jQuery चयनकर्ता जावास्क्रिप्ट को कम करता है querySelector() करने के लिए $() . यह स्पष्ट रूप से दस्तावेज़ के बजाय परोक्ष रूप से कहा जाता है, जो आवश्यक कोड को भी कम करता है।

jQuery चयनकर्ता सिंटैक्स

अब तक हमने संक्षेप में jQuery चयनकर्ता फ़ंक्शन के बारे में बात की है। अब हम जानते हैं कि यह एक ऐसा फ़ंक्शन है जो सीधे एक निर्दिष्ट DOM तत्व को संदर्भित करता है। केवल तत्व का नाम, वर्ग या आईडी आवश्यक है। आपका HTML कैसे व्यवस्थित है, इसके आधार पर नाम को किसी वर्ग या आईडी के साथ भी जोड़ा जा सकता है।

81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।

बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।

चयनकर्ता उतना ही सामान्य हो सकता है जितना कि पृष्ठ पर सभी तत्वों का चयन करना:

$('*')

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

$('p')

हमने अब वर्तमान पृष्ठ पर सभी

टैग का चयन कर लिया है। यहां से, हम परिवर्तन करने के लिए एक jQuery विधि को श्रृंखलाबद्ध करते हैं।

$('p').html('Replace original paragraph HTML with this.')

html() विधि सभी चयनित

टैग की HTML विशेषताओं को प्रतिस्थापित करती है।

क्या होगा यदि हम केवल एक विशिष्ट अनुच्छेद तत्व चाहते हैं? मान लीजिए कि हमारे पास कई

टैग हैं। उनमें से एक में 'नई सामग्री' की एक आईडी है। हम इसे सीधे चुन सकते हैं।

$('p#new-content')

JQuery के चयनकर्ता तत्वों (# =id, . =class) के लिए CSS संदर्भों का उपयोग करते हैं। अब केवल 'नई-सामग्री' की आईडी वाले अनुच्छेद तत्व का चयन किया गया है और बदलने के लिए तैयार है।

अंत में एक निर्दिष्ट वर्ग के साथ एक तत्व का चयन करें। हमारे ऐप में कई

$('div.main-content')