तो अब हम क्यों यह रोमांचक है कि तुम क्यों Domm के बारे में ध्यान देना चाहिए पर चर्चा की है।
और हम भी यह क्या क्या दस्तावेज़ ऑब्जेक्ट मॉडल का मतलब है के बारे में बात की है।
तथ्य यह है कि यह सिर्फ एक पेज जावास्क्रिप्ट का उपयोग करने पर हर तत्व का एक मॉडल की वस्तुओं शीर्ष स्तर वस्तु दस्तावेज़ कहा जाता है।
तो यह बहुत अच्छा है, लेकिन हम नहीं देखा है इसके साथ कुछ भी करने के लिए कैसे अभी तक।
इस वीडियो में तो मैं संक्षेप में कुत्ते का उपयोग कर चीजों को जोड़ तोड़ की प्रक्रिया शुरू करने जा रहा हूँ।
तो मैं दो खोजशब्दों के लिए पूरी प्रक्रिया को नीचे उबला हुआ है और चयन में हेरफेर।
तो बस की तरह विशेष या सभी ज लोगों का वर्ग या सभी छवि टैग हम तत्वों का चयन करें और फिर हम जावास्क्रिप्ट के साथ पृष्ठभूमि रंग बैंगनी सीमा एक पिक्सेल ठोस काले और डोम और जनसंख्या की तरह शैलियों को लागू के साथ कुछ का चयन करने के आकलन जहां हम एक चयनकर्ता के बारे में देखते हैं।
हम यह भी तत्वों का चयन हालांकि हम एक बहुत ही अलग तरीके से करते हैं।
हम जावास्क्रिप्ट कोड है जो उन पर चला जाता है और तत्वों का चयन करता है और उन्हें हमारे पास वापस लौटता है और फिर हम बदलने के गुण तो हम कुछ का चयन और फिर हम यह हेरफेर लिखें।
अगले कुछ स्लाइड्स में तो मैं तुम्हें दिखाने के लिए कि कैसे वह इस एच -1 मेरी शीर्ष लेख का चयन कर सकता है और हम कैसे बदल सकता है यह गुलाबी होने जा रहा हूँ।
मैं यह पिछले कुछ वीडियो में बहुत कुछ कह रहा है, लेकिन मैं तुम्हें वाक्य रचना अवधारणाओं के रूप में के रूप में ज्यादा पर ध्यान केंद्रित नहीं करना चाहती।
अगले कुछ वीडियो का चयन करने और जोड़ तोड़ की जुओं से भरा हुआ किरकिरा में मिल जाएगा।
यह सिर्फ यह कैसे काम करता है की एक सिंहावलोकन है।
तो इस स्लाइड पर मैं कैसे तुम सिर्फ सी के साथ की तरह है कि एच 1 का चयन कर सकता है दिखाने के लिए जा रहा हूँ
वहाँ एक दिया तत्व का चयन करने के विभिन्न तरीकों की एक बहुत कुछ है।
इस मामले में कोड दस्तावेज़ डॉट प्रश्नों चयनकर्ता एच -1 की इस पंक्ति इस पृष्ठ पर एच -1 चयन करने के लिए जा रहा है।
तो मैं तो आप देख सकते हैं जो चयनित किया जा रहा है इस हरे बॉक्स के साथ यहां पर प्रकाश डाला है।
तो फिर वर एच-1 यह सिर्फ किसी भी किसी भी चर हम चाहते हैं कि दस्तावेज़ के बराबर होती है क्वेरी चयनकर्ता 8: 1।
इसलिए हम प्रश्नों चयनकर्ता के साथ एक बहुत अधिक समय खर्च करते हैं और परिभाषित यह क्या है और यह कैसे काम करता हूँ।
लेकिन यह एक उद्देश्य है कि यह एच 1 का प्रतिनिधित्व करता है देता है और यह एच 1 चर में है कि बचत होती है।
तो यह है कि चयन प्रक्रिया है।
अगले भाग में यह हेरफेर करने के लिए मैं चीजों को और सब है कि मैं यहाँ क्या करने जा रहा हूँ के सभी प्रकार के कर सकते हैं तो यह जोड़ तोड़ रहा है गुलाबी होने का रंग बदल रहा है।
तो हम बस के बारे में एच-1 जो ​​हमारे चर वस्तु एच -1 डॉट शैली का प्रतिनिधित्व किया है।
यही कारण है कि एक संपत्ति है और उस शैली की संपत्ति अन्य संपत्तियों और रंग का एक गुच्छा के साथ एक बड़ी वस्तु उनमें से एक है।
तो एच 1 शैली करता है, लेकिन गुलाबी रंग के बराबर होती है।
और फिर यह सब हम क्या करना है।
और ब्राउज़र देखता है कि मैं उस संपत्ति गुलाबी बदलने के लिए और यह स्वचालित रूप से क्या यह गुलाबी मोड़ से प्रदर्शित अद्यतन करता है।
इसलिए हम यहां से चयनित और फिर हम चालाकी।
तो मैं एक और उदाहरण यहाँ है।
यह एक छोटे से अधिक जटिल है।
हम एक बहुत ही सरल एनीमेशन जहां हर दूसरा हम नीले और सफेद के बीच शरीर की पृष्ठभूमि का रंग बदल रहे हैं कर रहे हैं।
इसलिए हम पहले क्या करने की जरूरत शरीर का चयन करें और फिर इसे हेरफेर तो यह चयन करने के लिए है।
मैं दस्तावेज़ डंप क्वेरी चयनकर्ता जो फिर हम अगले वीडियो दस्तावेज है कि क्वेरी चयनकर्ता शरीर में करने के लिए वापस आने के लिए जा रहे हैं का उपयोग कर एक और लाइन है।
तो यह है कि मेरे शरीर तत्व जहां यह वास्तव में मुझे वस्तु प्रतिनिधित्व इसे का मॉडल है कि मैं शरीर चर में बचाने के लिए देता है।
तब मैं इस चर जो सिर्फ एक बूलियन कि मैं क्योंकि मैं जानता हूँ कि अगर मैं नीले रंग से नीले रंग के लिए जा रहा हूँ सफेद या सफेद करने की जरूरत का उपयोग करने के लिए जा रहा हूँ है नीला है।
तो यह रूप में झूठी शुरू होता है और फिर मैं सेट अंतराल जो हम कुछ साल पहले कवर का उपयोग कर रहा हूँ।
यदि आप याद नहीं है कि यह कैसे काम करता है यह मूल रूप से दो तर्क लेता है।
पहले एक एक समारोह को चलाने के लिए कुछ कोड है और दूसरा एक एक नंबर या मिलीसेकेंड में एक समय है।
तो यह मिसे की इस संख्या है जो एक हजार या एक दूसरे के और हर एक दूसरा यह इस कोड को बुलाती है लेता है।
तो क्या इस कोड को करता है यह जाँच करता है, तो पृष्ठभूमि वर्तमान में नीले रंग की है, तो ऐसा इसलिए है है।
हम तो सफेद हो सकता है अगर पृष्ठभूमि सफेद तो हम इसे नीला होना करने के लिए बदल रहा है बदल जाते हैं।
हमारे तो एक करीब देखो हमारे पास ले अगर नीला है।
तो यह है कि सिर्फ चर है।
यह झूठे के रूप में शुरू होता है।
तो बहुत पहले समय के पृष्ठ लोड पृष्ठभूमि सफेद है नीले झूठी है।
इसलिए इस लाइन नहीं चला है, लेकिन यह एक और को शरीर करता है शैली अंधेरे पृष्ठभूमि इस हेक्साडेसिमल रंग नीला है, जो करने के लिए बराबर होती है।
तो यह है कि पृष्ठभूमि में परिवर्तन नीला हो।
तो फिर हम सिर्फ झूठी से सच करने के लिए हमारी है नीले चर बदल जाते हैं।
और कहा कि विस्मयादिबोधक बिंदु या नहीं ऑपरेटर के साथ इसे करने का एक अच्छा प्रकार का तरीका है।
तो फिर इस कोड को फिर से चलाता है अगली बार नीले रंग की है पहले से ही सच है।
इसलिए इस कोड को चलाने करता है शरीर शैली करता है, लेकिन पृष्ठभूमि सफेद बराबर होती है।
तो अब हम वापस सफेद करने के लिए जा रहे हैं।
इस भाग नहीं करता है और फिर हम बदल गलत करने के लिए नीले रंग वापस आ गया है।
और वह हमेशा के लिए जा रहा रखता है।
इसलिए नहीं कि आप कभी भी एक पृष्ठभूमि रंग हर दूसरे बदलता है कि जैसे ही ध्यान भंग कुछ करना चाहते हैं।
लेकिन यह दिखाने के लिए कि हम चीजों को सिर्फ गुलाबी काले से एक H1 बदलने की तुलना में अधिक जटिल कर सकते हैं जाना है।
तो यह दो शब्दों के सभी लपेट के लिए हेरफेर हम चुनें हम कुछ वस्तुओं है कि तत्वों का प्रतिनिधित्व करते हैं और फिर हम उन्हें कुछ करना हड़पने का चयन करें।
तो इस यूनिट के बाकी के चयन के विभिन्न तरीकों और जोड़ तोड़ की तो अलग अलग तरीकों पर ध्यान केंद्रित किया जा रहा है।
तो अगली वीडियो जावास्क्रिप्ट का उपयोग कर के चयन के तत्वों के विभिन्न तरीकों में गहरा गोता लगाने जा रहा है।
हम पहले से ही एक queery चयनकर्ता देखा है।