इंटरनेटवेब डिजाइन

क्यों न हम और कैसे JQuery-चयनकर्ता रिकॉर्ड करने के लिए की जरूरत है?

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

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

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

चयनकर्ताओं कैसे तत्वों के चयन के आधार पर वर्गीकृत किया जा सकता:

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

कुंजी चयनकर्ताओं

का उपयोग करते समय इस पुस्तकालय प्रयोग किया जाता है JQuery-चयनकर्ता मुख्य समूह से संबंधित मामलों के 90% में। वे सब के सब काफी सरल और स्पष्ट कर रहे हैं। हमें उनमें से प्रत्येक पर विचार करें:

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

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

चयनकर्ताओं का श्रेय

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

सबसे सरल उदाहरण: $ ([स्रोत]) - है src विशेषता सभी तत्वों का चयन करता है। यह निश्चित विशेषता मान निर्दिष्ट करके नमूना संकीर्ण करने के लिए संभव है: $ ([src = 'http: // साइट / लेख / 132,222 / मूल्य'])।

आप कुछ JQuery चयनकर्ताओं का उपयोग करता है, तो आप अपनी पसंद के क्षेत्र सीमित करना चाहते कर सकते हैं। उदाहरण के लिए, $ (पी [रंग = नीला] [आकार = 12]) - केवल उन तत्वों पी है, जो एक नीले रंग और आकार 12 है चुने गए हैं।

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

उस मामले में, अगर आप विशेषताओं या बुनियादी चयनकर्ताओं के आधार पर तत्वों चयन नहीं कर सकते, तो आप अपनी सामग्री देखना चाहिए। कुल में इस प्रकार के 4 चयनकर्ता देखते हैं:

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

यहाँ एक उदाहरण है। सभी तत्वों div चुनने के लिए, नमस्ते के टेक्स्ट वाली, आप $ लिखने की ज़रूरत (div: 'हैलो') शामिल हैं ()।

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

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

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

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

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

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 hi.birmiss.com. Theme powered by WordPress.