1
00:00:00,300 --> 00:00:03,940
तो अब हम क्यों यह रोमांचक है कि तुम क्यों Domm के बारे में ध्यान देना चाहिए पर चर्चा की है।

2
00:00:03,990 --> 00:00:07,640
और हम भी यह क्या क्या दस्तावेज़ ऑब्जेक्ट मॉडल का मतलब है के बारे में बात की है।

3
00:00:07,680 --> 00:00:15,130
तथ्य यह है कि यह सिर्फ एक पेज जावास्क्रिप्ट का उपयोग करने पर हर तत्व का एक मॉडल की वस्तुओं शीर्ष स्तर वस्तु दस्तावेज़ कहा जाता है।

4
00:00:15,240 --> 00:00:18,340
तो यह बहुत अच्छा है, लेकिन हम नहीं देखा है इसके साथ कुछ भी करने के लिए कैसे अभी तक।

5
00:00:18,390 --> 00:00:23,460
इस वीडियो में तो मैं संक्षेप में कुत्ते का उपयोग कर चीजों को जोड़ तोड़ की प्रक्रिया शुरू करने जा रहा हूँ।

6
00:00:23,790 --> 00:00:29,630
तो मैं दो खोजशब्दों के लिए पूरी प्रक्रिया को नीचे उबला हुआ है और चयन में हेरफेर।

7
00:00:29,670 --> 00:00:47,840
तो बस की तरह विशेष या सभी ज लोगों का वर्ग या सभी छवि टैग हम तत्वों का चयन करें और फिर हम जावास्क्रिप्ट के साथ पृष्ठभूमि रंग बैंगनी सीमा एक पिक्सेल ठोस काले और डोम और जनसंख्या की तरह शैलियों को लागू के साथ कुछ का चयन करने के आकलन जहां हम एक चयनकर्ता के बारे में देखते हैं।

8
00:00:47,850 --> 00:00:51,380
हम यह भी तत्वों का चयन हालांकि हम एक बहुत ही अलग तरीके से करते हैं।

9
00:00:51,480 --> 00:01:01,260
हम जावास्क्रिप्ट कोड है जो उन पर चला जाता है और तत्वों का चयन करता है और उन्हें हमारे पास वापस लौटता है और फिर हम बदलने के गुण तो हम कुछ का चयन और फिर हम यह हेरफेर लिखें।

10
00:01:01,290 --> 00:01:09,750
अगले कुछ स्लाइड्स में तो मैं तुम्हें दिखाने के लिए कि कैसे वह इस एच -1 मेरी शीर्ष लेख का चयन कर सकता है और हम कैसे बदल सकता है यह गुलाबी होने जा रहा हूँ।

11
00:01:09,750 --> 00:01:15,290
मैं यह पिछले कुछ वीडियो में बहुत कुछ कह रहा है, लेकिन मैं तुम्हें वाक्य रचना अवधारणाओं के रूप में के रूप में ज्यादा पर ध्यान केंद्रित नहीं करना चाहती।

12
00:01:15,330 --> 00:01:18,930
अगले कुछ वीडियो का चयन करने और जोड़ तोड़ की जुओं से भरा हुआ किरकिरा में मिल जाएगा।

13
00:01:18,930 --> 00:01:21,150
यह सिर्फ यह कैसे काम करता है की एक सिंहावलोकन है।

14
00:01:21,150 --> 00:01:25,600
तो इस स्लाइड पर मैं कैसे तुम सिर्फ सी के साथ की तरह है कि एच 1 का चयन कर सकता है दिखाने के लिए जा रहा हूँ

15
00:01:25,620 --> 00:01:28,580
वहाँ एक दिया तत्व का चयन करने के विभिन्न तरीकों की एक बहुत कुछ है।

16
00:01:28,800 --> 00:01:36,920
इस मामले में कोड दस्तावेज़ डॉट प्रश्नों चयनकर्ता एच -1 की इस पंक्ति इस पृष्ठ पर एच -1 चयन करने के लिए जा रहा है।

17
00:01:37,050 --> 00:01:40,960
तो मैं तो आप देख सकते हैं जो चयनित किया जा रहा है इस हरे बॉक्स के साथ यहां पर प्रकाश डाला है।

18
00:01:41,340 --> 00:01:48,640
तो फिर वर एच-1 यह सिर्फ किसी भी किसी भी चर हम चाहते हैं कि दस्तावेज़ के बराबर होती है क्वेरी चयनकर्ता 8: 1।

19
00:01:48,690 --> 00:01:52,420
इसलिए हम प्रश्नों चयनकर्ता के साथ एक बहुत अधिक समय खर्च करते हैं और परिभाषित यह क्या है और यह कैसे काम करता हूँ।

20
00:01:52,470 --> 00:01:59,920
लेकिन यह एक उद्देश्य है कि यह एच 1 का प्रतिनिधित्व करता है देता है और यह एच 1 चर में है कि बचत होती है।

21
00:01:59,970 --> 00:02:02,190
तो यह है कि चयन प्रक्रिया है।

22
00:02:02,190 --> 00:02:11,170
अगले भाग में यह हेरफेर करने के लिए मैं चीजों को और सब है कि मैं यहाँ क्या करने जा रहा हूँ के सभी प्रकार के कर सकते हैं तो यह जोड़ तोड़ रहा है गुलाबी होने का रंग बदल रहा है।

23
00:02:11,490 --> 00:02:18,470
तो हम बस के बारे में एच-1 जो ​​हमारे चर वस्तु एच -1 डॉट शैली का प्रतिनिधित्व किया है।

24
00:02:18,510 --> 00:02:25,580
यही कारण है कि एक संपत्ति है और उस शैली की संपत्ति अन्य संपत्तियों और रंग का एक गुच्छा के साथ एक बड़ी वस्तु उनमें से एक है।

25
00:02:25,920 --> 00:02:28,920
तो एच 1 शैली करता है, लेकिन गुलाबी रंग के बराबर होती है।

26
00:02:28,920 --> 00:02:30,240
और फिर यह सब हम क्या करना है।

27
00:02:30,270 --> 00:02:37,500
और ब्राउज़र देखता है कि मैं उस संपत्ति गुलाबी बदलने के लिए और यह स्वचालित रूप से क्या यह गुलाबी मोड़ से प्रदर्शित अद्यतन करता है।

28
00:02:37,500 --> 00:02:41,140
इसलिए हम यहां से चयनित और फिर हम चालाकी।

29
00:02:42,120 --> 00:02:43,560
तो मैं एक और उदाहरण यहाँ है।

30
00:02:43,610 --> 00:02:45,230
यह एक छोटे से अधिक जटिल है।

31
00:02:45,240 --> 00:02:52,940
हम एक बहुत ही सरल एनीमेशन जहां हर दूसरा हम नीले और सफेद के बीच शरीर की पृष्ठभूमि का रंग बदल रहे हैं कर रहे हैं।

32
00:02:52,950 --> 00:02:58,620
इसलिए हम पहले क्या करने की जरूरत शरीर का चयन करें और फिर इसे हेरफेर तो यह चयन करने के लिए है।

33
00:02:58,740 --> 00:03:06,720
मैं दस्तावेज़ डंप क्वेरी चयनकर्ता जो फिर हम अगले वीडियो दस्तावेज है कि क्वेरी चयनकर्ता शरीर में करने के लिए वापस आने के लिए जा रहे हैं का उपयोग कर एक और लाइन है।

34
00:03:06,780 --> 00:03:15,450
तो यह है कि मेरे शरीर तत्व जहां यह वास्तव में मुझे वस्तु प्रतिनिधित्व इसे का मॉडल है कि मैं शरीर चर में बचाने के लिए देता है।

35
00:03:15,450 --> 00:03:23,940
तब मैं इस चर जो सिर्फ एक बूलियन कि मैं क्योंकि मैं जानता हूँ कि अगर मैं नीले रंग से नीले रंग के लिए जा रहा हूँ सफेद या सफेद करने की जरूरत का उपयोग करने के लिए जा रहा हूँ है नीला है।

36
00:03:24,030 --> 00:03:28,870
तो यह रूप में झूठी शुरू होता है और फिर मैं सेट अंतराल जो हम कुछ साल पहले कवर का उपयोग कर रहा हूँ।

37
00:03:28,920 --> 00:03:32,230
यदि आप याद नहीं है कि यह कैसे काम करता है यह मूल रूप से दो तर्क लेता है।

38
00:03:32,340 --> 00:03:39,030
पहले एक एक समारोह को चलाने के लिए कुछ कोड है और दूसरा एक एक नंबर या मिलीसेकेंड में एक समय है।

39
00:03:39,150 --> 00:03:46,230
तो यह मिसे की इस संख्या है जो एक हजार या एक दूसरे के और हर एक दूसरा यह इस कोड को बुलाती है लेता है।

40
00:03:46,560 --> 00:03:51,080
तो क्या इस कोड को करता है यह जाँच करता है, तो पृष्ठभूमि वर्तमान में नीले रंग की है, तो ऐसा इसलिए है है।

41
00:03:51,180 --> 00:03:56,330
हम तो सफेद हो सकता है अगर पृष्ठभूमि सफेद तो हम इसे नीला होना करने के लिए बदल रहा है बदल जाते हैं।

42
00:03:56,610 --> 00:04:00,030
हमारे तो एक करीब देखो हमारे पास ले अगर नीला है।

43
00:04:00,120 --> 00:04:01,640
तो यह है कि सिर्फ चर है।

44
00:04:01,650 --> 00:04:02,900
यह झूठे के रूप में शुरू होता है।

45
00:04:02,910 --> 00:04:07,890
तो बहुत पहले समय के पृष्ठ लोड पृष्ठभूमि सफेद है नीले झूठी है।

46
00:04:07,920 --> 00:04:16,570
इसलिए इस लाइन नहीं चला है, लेकिन यह एक और को शरीर करता है शैली अंधेरे पृष्ठभूमि इस हेक्साडेसिमल रंग नीला है, जो करने के लिए बराबर होती है।

47
00:04:16,770 --> 00:04:18,840
तो यह है कि पृष्ठभूमि में परिवर्तन नीला हो।

48
00:04:19,140 --> 00:04:22,960
तो फिर हम सिर्फ झूठी से सच करने के लिए हमारी है नीले चर बदल जाते हैं।

49
00:04:23,130 --> 00:04:27,690
और कहा कि विस्मयादिबोधक बिंदु या नहीं ऑपरेटर के साथ इसे करने का एक अच्छा प्रकार का तरीका है।

50
00:04:27,780 --> 00:04:32,550
तो फिर इस कोड को फिर से चलाता है अगली बार नीले रंग की है पहले से ही सच है।

51
00:04:32,850 --> 00:04:36,870
इसलिए इस कोड को चलाने करता है शरीर शैली करता है, लेकिन पृष्ठभूमि सफेद बराबर होती है।

52
00:04:36,870 --> 00:04:38,550
तो अब हम वापस सफेद करने के लिए जा रहे हैं।

53
00:04:38,670 --> 00:04:42,980
इस भाग नहीं करता है और फिर हम बदल गलत करने के लिए नीले रंग वापस आ गया है।

54
00:04:43,290 --> 00:04:44,980
और वह हमेशा के लिए जा रहा रखता है।

55
00:04:45,090 --> 00:04:49,950
इसलिए नहीं कि आप कभी भी एक पृष्ठभूमि रंग हर दूसरे बदलता है कि जैसे ही ध्यान भंग कुछ करना चाहते हैं।

56
00:04:50,190 --> 00:04:57,450
लेकिन यह दिखाने के लिए कि हम चीजों को सिर्फ गुलाबी काले से एक H1 बदलने की तुलना में अधिक जटिल कर सकते हैं जाना है।

57
00:04:57,450 --> 00:05:06,260
तो यह दो शब्दों के सभी लपेट के लिए हेरफेर हम चुनें हम कुछ वस्तुओं है कि तत्वों का प्रतिनिधित्व करते हैं और फिर हम उन्हें कुछ करना हड़पने का चयन करें।

58
00:05:06,750 --> 00:05:12,370
तो इस यूनिट के बाकी के चयन के विभिन्न तरीकों और जोड़ तोड़ की तो अलग अलग तरीकों पर ध्यान केंद्रित किया जा रहा है।

59
00:05:12,390 --> 00:05:17,190
तो अगली वीडियो जावास्क्रिप्ट का उपयोग कर के चयन के तत्वों के विभिन्न तरीकों में गहरा गोता लगाने जा रहा है।

60
00:05:17,190 --> 00:05:19,470
हम पहले से ही एक queery चयनकर्ता देखा है।