साइट खोज

क्या जरूरत है और jQuery के चयनकर्ता को कैसे लिखा गया है?

एक आधुनिक वेब डिज़ाइनर को केवल खुद ही नहीं होना चाहिएएचटीएमएल, सीएसएस और जावास्क्रिप्ट की मूल बातें, लेकिन यह भी jQuery के पुस्तकालय में काम करने में सक्षम है, जो HTML दस्तावेजों के साथ जावास्क्रिप्ट की बातचीत पर केंद्रित है। यह आपको किसी भी DOM तत्वों (प्रोग्राम इंटरफ़ेस जो HTML-फ़ाइलों की सामग्री तक पहुंच को खोलता है) को तेज़ी से एक्सेस और हेरफेर करने की अनुमति देता है इस पुस्तकालय की मुख्य संरचनात्मक इकाइयाँ टीम हैं इस या उस कमांड को लागू करने के लिए, आपको एक jQuery चयनकर्ता की आवश्यकता है।

jquery चयनकर्ता

JQuery पुस्तकालय में चयनकर्ताओं का सूत्र

JQuery में चयनकर्ता सीएसएस में प्रयुक्त लोगों पर आधारित हैं। उन्हें एचटीएमएल-फाइल के तत्वों का चयन करने की ज़रूरत है, ताकि उनका उपयोग करने के लिए एक या किसी अन्य तरीके से उन्हें (टीम) में हेरफेर करने के लिए इस्तेमाल किया जा सके। चयनकर्ता द्वारा खोज कार्य $ () के माध्यम से किया जाता है उदाहरण के लिए, $ ("div")

तत्वों के चयन के अनुसार चयनकर्ताओं को वर्गीकृत किया जा सकता है:

  • बुनियादी;
  • विशेषता द्वारा;
  • पदानुक्रम द्वारा;
  • सामग्री द्वारा;
  • स्थिति से;
  • फार्म फ़ील्ड का चयन;
  • अन्य शामिल हैं।

मूल चयनकर्ता

इस पुस्तकालय के साथ काम करते समय 90% मामलों में मुख्य समूह से संबंधित एक jQuery-selector का उपयोग किया जाता है। उनमें से सभी काफी सरल और समझदार हैं चलो उनमें से प्रत्येक पर विचार करें:

  • * - पृष्ठ के सभी तत्वों का चयन करता है, जिसमें सिर, शरीर आदि शामिल हैं;
  • p / div / sidebar / ... - दिए गए टैग (यानी, p.div, साइडबार, आदि) से संबंधित सभी तत्वों का चयन करता है;
  • .myclass / p.myClass - निर्दिष्ट वर्ग नाम के साथ तत्वों का चयन करता है;
  • # myID / पी। # myID - दिए गए आईडी के साथ एक तत्व का चयन करता है

हम एक उदाहरण देते हैं। मान लीजिए कि हमें एक वर्ग के सभी तत्वों को वर्ग के बराबर के साथ चुनना होगा, प्रविष्टि इस प्रकार दिखाई देगी: $ (.par) यदि केवल इस वर्ग के पी के तत्वों की आवश्यकता है, तो हम लिखेंगे: $ (पी।)

jquery तत्वों

विशेषता चयनकर्ता

मुख्य JQuery चयनकर्ता का उपयोग किया जा सकता है अगरहमें उस तत्व का चयन करने की आवश्यकता है जो एक ऐसा वर्ग है जो आईडी है या पृष्ठ के सभी तत्वों का चयन करें। हालांकि, ऐसे समय होते हैं जब वांछित तत्व का कोई वर्ग या आईडी नहीं होता है। यही कारण है कि विशेषता से चयनकर्ता हैं। वे HTML तत्व के कुछ विशेषता पर नमूना करने की अनुमति देते हैं, उदाहरण के लिए, href या src द्वारा यह विशेषता वर्ग कोष्ठक [] में लिखी गई है।

सबसे सरल उदाहरण: $ ([src]) - सभी तत्वों का चयन करता है जिनमें स्रोत विशेषता है। आप विशेष मान को विशेषता सेट करके नमूना क्षेत्र को संकीर्ण कर सकते हैं: $ ([src = "value"])।

यदि आप चयन को संकुचित करना चाहते हैं, तो आप JQuery में कई चयनकर्ताओं का उपयोग कर सकते हैं। उदाहरण के लिए, $ (p) - केवल पी के उन तत्वों को नीला और आकार 12 चुना जाएगा।</ p>

सामग्री चयनकर्ताओं

यदि घटनाओं या मुख्य चयनकर्ताओं द्वारा वस्तुओं का चयन करना संभव नहीं है, तो उनकी सामग्री का संदर्भ देना उपयुक्त है। इस प्रकार के 4 चयनकर्ता हैं:

  • : शामिल है - निर्दिष्ट पाठ वाले तत्वों का चयन करता है;
  • : है - उन तत्वों का चयन करता है जिनमें उस पंक्ति के लिए विशिष्ट अन्य तत्व होते हैं;
  • : अभिभावक - उन तत्वों का चयन करता है जिनमें कोई अन्य शामिल है;
  • : खाली - उन वस्तुओं का चयन करता है जिनमें कोई अन्य शामिल नहीं है।

आइए एक उदाहरण दें। हैलो टेक्स्ट वाले सभी div तत्वों को चुनने के लिए, आपको $ (div: include ("हैलो") लिखना होगा)।

jquery एकाधिक चयनकर्ताओं

पदानुक्रम चयनकर्ताओं

JQuery में आइटम का चयन करने का एक और तरीका है,अर्थात् - उनके पदानुक्रम के अनुसार (यानी, एचटीएमएल पेज पर एक दूसरे के साथ संबंध)। उनमें से बहुत सारे हैं, इसलिए यहां दो सबसे लोकप्रिय हैं: "बच्चा" और "बच्चा।"

पहले मामले में, चयनित तत्वदिए गए तत्व (पूर्वज) के प्रत्यक्ष वंशज (बच्चे) हैं। उदाहरण के लिए, एनवी सूची के बच्चे हैं जो प्रकाश वर्ग में सूची आइटम का चयन करने के लिए, आपको लिखना होगा: $ (ul # nav> li.light)।

दूसरा मामला अधिक सामान्य है। यहां, किसी तत्व के अप्रत्यक्ष वंशज भी चुने जा सकते हैं। उदाहरण के लिए, एनएवी सूची में लिंक का चयन करने के लिए, हम लिखेंगे: $ (उल # एनए ए)।

इस प्रकार, JQuery में, तत्वों को कक्षा, आईडी, विशेषताओं, सामग्री, या HTML दस्तावेज़ के तत्वों के पदानुक्रम जैसे पैरामीटर का उपयोग करके विभिन्न तरीकों से चुना जा सकता है।

</ p>
  • मूल्यांकन: