हामी किन र कसरी jQuery-चयनकर्ता रेकर्ड गर्न आवश्यक छ?

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

JQuery पुस्तकालयमा सूत्र चयनकर्ताहरूमा

CSS मा प्रयोग मा आधारित jQuery मा चयनकर्ताहरूमा। तिनीहरूले (टोलीमा) manipulating यी वा अन्य विधिहरू कारण तिनीहरूलाई प्रयोग गर्न, वस्तुहरू HTML-फाइल चयन गर्न आवश्यक छ। खोज चयन $ () समारोह मार्फत बाहिर छ। उदाहरणका लागि, $ ( 'div')।

को चयनकर्ताहरूमा तत्व को कसरी चयन आधारमा वर्गीकृत गर्न सकिन्छ:

• आधारभूत;
• विशेषता द्वारा;
• यो तहगत प्रणाली;
• सामग्री;
• स्थिति मा;
• फारम क्षेत्रहरू को विकल्प;
• अरूलाई।

प्रमुख चयनकर्ताहरूमा

यस पुस्तकालयमा मुख्य समूह स्वामित्वको jQuery-चयनकर्ता प्रयोग गरिन्छ प्रयोग गर्दा अवस्थामा को 90% मा। ती सबै एकदम सरल र स्पष्ट छन्। हामीलाई ती प्रत्येक विचार गरौं:

• * - टाउको, शरीर, आदि सहित सबै पृष्ठ तत्व, चयन;।
• पी / div / साइडबार / ... - यो predetermined ट्याग गर्न pertaining सबै तत्व चयन (अर्थात् p.div, साइडबार, आदि ... गर्न);
• .myClass / p.myClass - निर्दिष्ट वर्ग नामको तत्व चयन;
• # MyID / पी # myID -। दिइएको आईडी संग कुनै पनि एउटा वस्तु चयन।

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

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

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

साधारण उदाहरण: $ ([src]) - src विशेषता छ कि सबै तत्व चयन। यसलाई केही विशेषता मूल्य निर्दिष्ट गरेर नमूना साँघुरो गर्न सम्भव छ: $ ([src = 'http: // साइट / लेख / 132222 / मूल्य'])।

तपाईं विकल्प को क्षेत्र साँघुरो गर्न चाहनुहुन्छ भने तपाईंले केही jQuery चयनकर्ताहरूमा प्रयोग गर्न सक्नुहुन्छ। उदाहरणका लागि, $ (पृ [रंग = नीलो] [आकार = 12]) - मात्र ती तत्व पी, नीलो रङ र आकार 12 छ जो चयन गरिएका छन्।

चयनकर्ताहरूमा सामग्री

त्यस अवस्थामा, तपाईं विशेषताहरु वा आधारभूत चयनकर्ताहरूमा आधारित तत्व चयन गर्न सक्नुहुन्छ भने, तपाईं आफ्नो सामग्री उल्लेख गर्नुपर्छ। कुल यस प्रकार को 4 चयनकर्ता हो:

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

यहाँ एउटा उदाहरण हो। को नमस्कार पाठ समावेश, सबै तत्वहरू div चयन गर्न, तपाईँले लेख्न $ आवश्यक (div: समावेश ( 'नमस्कार'))।

चयनकर्ताहरूमा वर्गीकरणका

JQuery, अर्थात् मा तत्व चयन गर्न अर्को तरिका छैन - आफ्नो वर्गीकरणका अनुसार (छ, एचटीएमएल पृष्ठ मा प्रत्येक अन्य को अनुपात)। तिनीहरूलाई एक धेरै, त्यसैले हामी सबै भन्दा लोकप्रिय, "बच्चा" र "संतान" को दुई प्रस्तुत।

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

दोस्रो मामला - एक अधिक सामान्य। त्यहाँ चयन गरिएको र तत्व को अप्रत्यक्ष सन्तानहरू गर्न सकिन्छ। उदाहरणका लागि, NAV सल्लाह दिन्छन् सूची भित्र लिंक चयन गर्न: $ (उल # NAV क)।

यसरी, jQuery मा तत्व विभिन्न तरिकामा मापदण्डहरू प्रयोग गरेर यस्तो वर्ग, आईडी, गुण, HTML-कागजात तत्व सामग्री वा वर्गीकरणका रूपमा चयन गर्न सक्नुहुन्छ।