डौग लॉयड: इस वीडियो में, हम चाहते थे अलग ध्यान बाहर फोन करने के लिए
एक बहुत ही विशेष रूप से करने के लिए जावास्क्रिप्ट का तत्व
अगर आप काम मिल सकता है जब आप शुरू कर रहे हैं
वेब पृष्ठों से छेड़छाड़ पर काम करने के लिए और अपने वेब पेज की सामग्री को बदलने
उड़ान पर।
और उस की धारणा है दस्तावेज़ ऑब्जेक्ट मॉडल।
तो जैसा कि हम पर हमारे वीडियो में देखा था जावास्क्रिप्ट, वस्तुओं बहुत लचीला कर रहे हैं।
>> और वे विभिन्न क्षेत्रों में हो सकते हैं।
और हम में से एक बहुत में जाना नहीं था, हालांकि विस्तार, उन क्षेत्रों या गुण,
कि हम शायद अधिक होगा उन्हें उचित फोन
यहां तक ​​कि एक वस्तु के संदर्भ में उन गुणों अन्य वस्तुओं हो सकता है।
और उन वस्तुओं के अंदर अन्य वस्तुओं हो सकता है।
>> तुम यह बहुत बड़ी वस्तु है अन्य वस्तुओं का एक बहुत कुछ के साथ
इससे अंदर, जो प्रकार एक बड़ा पेड़ के इस विचार पैदा करता है।
अब, दस्तावेज़ ऑब्जेक्ट है एक जावास्क्रिप्ट में बहुत ही खास वस्तु
कि अपने पूरे वेब का आयोजन छाता के इस प्रकार के तहत पेज
एक वस्तु की।
और तो दस्तावेज़ के अंदर वस्तु पेश वस्तुओं रहे हैं
अपने वेब पेज के सिर और शरीर।
>> उन लोगों के अंदर अन्य कर रहे हैं वस्तुओं, वगैरह, वगैरह,
अपने पूरे वेब पेज है जब तक इस बड़ी वस्तु में आयोजित किया गया।
उल्टा ठीक है, यहाँ क्या है?
खैर, हम काम करने के लिए कैसे पता जावास्क्रिप्ट में वस्तुओं के साथ।
>> हम एक वस्तु है, तो इसलिए कि कि, हमारे पूरे वेब पेज को संदर्भित करता है
सही फोन करके इसका मतलब तरीकों कि वस्तु हेरफेर करने के लिए
या कुछ को संशोधित इसके गुणों के कारण, हम
के तत्वों को बदल सकते हैं हमारे पेज को प्रोग्राम
जावास्क्रिप्ट का उपयोग करने के बजाय होने एचटीएमएल, कहते हैं, के साथ बातें कोड के लिए।
तो यहाँ एक का एक उदाहरण है वेब पेज बहुत ही सरल, है ना?
यह एचटीएमएल टैग, एक सिर मिल गया है।
>> के अंदर एक शीर्षक, नमस्ते दुनिया है।
तो मैं एक शरीर है।
उस के अंदर, मेरे पास है तीन अलग-अलग चीजें हैं।
मैं एक H2 हेडर टैग है एक पैरा, और एक लिंक।
यह एक बहुत ही सरल वेब पेज है।
>> खैर, क्या हो सकता है दस्तावेज़ जैसे यह देखने के लिए वस्तु?
खैर, यह एक छोटी सी है शायद पहली बार में डरावना है।
लेकिन यह सच में सिर्फ एक बड़ा पेड़ है।
और इस बात की बहुत जड़ में दस्तावेज है।
>> दस्तावेज़ एक और है के अंदर मेरे पृष्ठ के HTML करने के लिए चर्चा करते हुए वस्तु।
और मेरे पेज के HTML यह सब है।
और फिर HTML के अंदर वस्तु, मैं एक सिर वस्तु है,
जो वहाँ सब कुछ करने के लिए संदर्भित करता है।
>> और वहाँ के अंदर, मैं एक शीर्षक वस्तु है।
और वहाँ के अंदर, मैं एक और है कि बस नमस्ते दुनिया की वस्तु।
मैं अपने शरीर को हो सकता था इस तरह का प्रतिनिधित्व किया।
>> मेरे शरीर के अंदर, मैं एक H2 है वस्तु और पैरा के लिए एक पी वस्तु
और एक कड़ी के लिए एक एक वस्तु।
और इसलिए इस पूरे पदानुक्रम एक बड़ा पेड़ के रूप में प्रतिनिधित्व किया जा सकता
छोटे छोटे से बहुत सारे के साथ चीजों को इससे बाहर आ रहा है।
अब जाहिर है, जब हम, प्रोग्रामिंग कर रहे हैं
एक बड़ा पेड़ की तरह चीजों के बारे में सोच नहीं है।
हम वास्तविक देखना चाहते हैं कोड संबंधित बातें।
>> और सौभाग्य से, हम कर सकते हैं हमारे डेवलपर उपकरणों का उपयोग
वास्तव में इस पर एक नज़र लेने के लिए इस वेबसाइट के दस्तावेज़ वस्तु।
और चलो करते हैं।
तो मैं एक ब्राउज़र टैब खोल दिया है।
>> और मैं डेवलपर उपकरण खोल दिया है।
और जावास्क्रिप्ट पर अपने वीडियो में, मैं सांत्वना नहीं है कि उल्लेख
केवल किसी जगह जहां हम जानकारी प्रिंट,
यह भी एक जगह है जहां है हम इनपुट जानकारी कर सकते हैं।
इस संदर्भ में, क्या मैं कहने के लिए जा रहा हूँ
मैं वापस पाने के लिए करना चाहते हैं दस्तावेज़ वस्तुओं,
इसलिए मैं इस पर एक नज़र है करने के लिए शुरू कर सकते हैं।
तो मैं ऐसा कैसे कर सकता है?
खैर, मैं करना चाहते हैं वास्तव में यह अच्छी तरह से संगठित करने,
मैं console.dir, डी-मैं-आर कहने जा रहा हूँ। अब, मैं सिर्फ प्रिंट करने के लिए console.log उपयोग
बाहर कुछ बहुत ही सरल।
लेकिन मैं इस आयोजन करना चाहते हैं, तो पदानुक्रम एक वस्तु की तरह,
मैं यह एक तरह से संरचित चाहते हैं एक निर्देशिका संरचना की तरह।
>> इसलिए मैं दस्तावेज़ console.dir करना चाहते हैं।
मैं हिट दर्ज करने के लिए जा रहा हूँ।
और यह सही नीचे अब, और मैं यहाँ में ज़ूम करता हूँ
मैं इस प्रतिक्रिया दस्तावेज़ मिल गया है यह करने के लिए अगले एक छोटा सा तीर के साथ।
अब, मैं इस तीर खोलते हैं, सामान का एक बहुत कुछ होने जा रहा है।
>> लेकिन हम एक बहुत की अनदेखी करने के लिए जा रहे हैं यह और ध्यान देने की बस की तरह
सबसे महत्वपूर्ण हिस्सा है, पर हम इतने इस दस्तावेज़ नेविगेट करने के लिए शुरू कर सकते हैं।
डोम की तुलना में एक बहुत अधिक नहीं है नोड्स और बच्चे नोड्स सिर्फ माता पिता।
सहायक सामान का एक बहुत कुछ है।
>> इसलिए मैं इस को खोलने के लिए जा रहा हूँ।
और एक पूरी बहुत कुछ है सामान उस चबूतरे।
लेकिन मुझे लगता है के बारे में परवाह है यहीं, बच्चे नोड्स।
का है कि ऊपर खोलें।
>> वहाँ के अंदर मैं देख रहा हूँ कुछ परिचित, एचटीएमएल।
हमारे दस्तावेज़ के अंदर तो एक स्तर नीचे, एचटीएमएल।
मुझे लगता है कि ऊपर खुला।
हम क्या उम्मीद कर रहे हैं?
>> आप हमारी आरेख से याद है, हम HTML के अंदर क्या पता लगाना चाहिए?
पेड़ में यह नीचे क्या दो नोड्स रहे हैं?
चलो पता करते हैं।
हम HTML ऊपर खुला।
हम अपने बच्चे नोड्स के लिए नीचे जाना।
>> कि खुला पॉप।
सिर और शरीर नहीं है।
और हम सिर खोल सकते हैं।
अपने बच्चे नोड्स के पास जाओ।
खैर, शीर्षक नहीं है।
>> और हम पर जा सकते हैं और इस तरह से हमेशा के लिए।
हम के रूप में अच्छी तरह से शरीर के साथ ऐसा कर सकता है।
लेकिन हमें देखो करने के लिए एक रास्ता है एक बड़ी वस्तु के रूप में आयोजित दस्तावेज़।
हम पर नजर डालें तो और एक बड़ा है एक बहुत लग रहा है कि वस्तु
कोड की तरह है, कि हम शुरू कर सकते हैं कि इसका मतलब है का उपयोग करते हुए इस बड़े वस्तु हेरफेर करने के लिए
कोड बदलने के लिए क्या हमारे वेबसाइट लग रहा है और तरह लगता है।
>> तो यह है कि एक बहुत शक्तिशाली उपकरण है अब हम अपने निपटान में है।
हम सिर्फ देखा तो, जैसा कि दस्तावेज़ वस्तु ही
और इसके बारे में अंदर की वस्तुओं के सभी बस, गुण और तरीके हैं
हम है कि किसी भी अन्य वस्तु की तरह जावास्क्रिप्ट में साथ काम कर रहा।
लेकिन हम उन गुणों का उपयोग कर सकते हैं और प्रकार के नीचे ड्रिल करने के लिए उन तरीकों का उपयोग
और बड़े दस्तावेज़ से मिलता है कम और कम और कम,
महीन और महीन अनाज विस्तार के कारण, हम जब तक
का एक बहुत विशिष्ट टुकड़ा करने के लिए मिलता है हमारी हम बदलना चाहते हैं कि वेब पेज।
>> और हम के गुणों को अद्यतन करते हैं वस्तु दस्तावेज़ या उन तरीकों कॉल,
चीजें हमारे वेब पेज पर हो सकता है।
और हम किसी भी ताज़ा करने की ज़रूरत नहीं है उन परिवर्तनों को प्रभाव में लाने के लिए है।
>> और कहा कि एक बहुत अच्छा क्षमता है हम कोड के साथ काम कर रहे हैं जब लोगों की है।
तो इन गुणों में से कुछ क्या कर रहे हैं एक दस्तावेज़ वस्तु का हिस्सा है कि कर रहे हैं?
ठीक है, तुम शायद देखा एक उनमें से कुछ वास्तव में जल्दी से
हम zipping थे के रूप में विशाल दस्तावेज के माध्यम से
वस्तु हम सिर्फ वेब ब्राउज़र में देखा था।
>> लेकिन इन गुणों की एक जोड़ी भीतरी HTML की तरह बातें हो सकता है।
और तुम भी मुझे याद हो सकता है जावास्क्रिप्ट वीडियो में इस का उपयोग
बहुत अंत में जब मैं घटनाओं के बारे में बात कर रहा था।
इस आंतरिक एचटीएमएल क्या था?
खैर, यह है बस क्या टैग के बीच में।
>> और तो भीतरी एचटीएमएल, उदाहरण के लिए, शीर्षक
हम रखा था टैग, में जा रहा है एक पल पहले उदाहरण है कि
हैलो दुनिया हो गया होता।
यही कारण है कि हमारे पेज का शीर्षक था।
अन्य गुण नोड नाम, जिसमें शामिल
एक HTML का नाम है शीर्षक के रूप में ऐसे तत्व।
आईडी है जो आईडी, एक HTML तत्व की विशेषता।
>> हम विशेष रूप से इंगित कर सकते हैं कि स्मरण करो हमारे HTML के विशिष्ट तत्वों
जो आमतौर पर एक आईडी विशेषता के साथ, सीएसएस के संदर्भ में काम में आता है,
विशेष रूप से।
करने के लिए एक संदर्भ है, जो माता पिता के नोड, अभी तक मेरे ऊपर डोम में क्या है।
और बच्चे नोड्स है, जो एक नीचे मुझे नीचे क्या है के संदर्भ में।
और हम इस बात का एक बहुत कुछ देखा है बस के माध्यम से देख रहे हैं।
हम कैसे मिल गया बच्चे नोड्स, कि पेड़ में कम और कम।
>> , गुण है कि सिर्फ एक सरणी है के HTML तत्व का जिम्मेदार बताते हैं।
तो विशेषताओं का एक उदाहरण हो सकता है आप एक छवि टैग है तो हो सकता है,
यह आमतौर पर एक स्रोत विशेषता है, शायद एक ऊंचाई और चौड़ाई विशेषता।
और इतना है कि सिर्फ एक सरणी होगा जुड़े विशेषताओं के सभी की
कि HTML तत्व के साथ।
>> शैली एक और एक है कि सीएसएस का प्रतिनिधित्व करता है
एक विशेष तत्व का स्टाइल।
और बाद में इस में वीडियो में, हम विशेष रूप से करेंगे
का लाभ उठाने शैली एक जोड़ी बनाने के लिए हमारी वेबसाइट में परिवर्तन की।
तो उन कुछ गुण हैं।
>> और भी कुछ कर रहे हैं कि हम कर सकते हैं तरीकों
भी अधिक तेजी से शायद अलग-थलग करने का उपयोग दस्तावेज़ ऑब्जेक्ट के तत्वों।
शायद, सबसे बहुमुखी ये जा रहा है getElementById की।
इसलिए मुझे लगता है, क्योंकि कुछ कहने की तरह हो सकता है यह दस्तावेज की एक विधि है याद
, Document.getElementById वस्तु।
>> और उन लोगों के कोष्ठकों के अंदर, निर्दिष्ट एक विशेष पहचान पत्र के साथ एक HTML तत्व
मैं पहले से है कि गुण निर्धारित करते हैं, और मैं तुरंत हूँ
उस तत्व को सही जाने समग्र वेबसाइट के।
तो मुझे लगा कि शायद ड्रिल करने की जरूरत नहीं है हर एक परत के माध्यम से नीचे।
मैं सिर्फ यह पता लगाने के लिए इस विधि का उपयोग कर सकते हैं, एक प्रकार की गर्मी मांग मिसाइल की तरह,
है ना?
यह बस हो जाता है और पाता है वास्तव में इसके लिए क्या देख रही है।
>> GetElementsByTagName है भावना में बहुत समान।
हो सकता है कि यह सब मिल जाएगा बोल्ड टैग या पी टैग की सभी
और मुझे सब कुछ की एक सरणी देना मैं तो साथ काम कर सकता है।
appendChild कुछ कहते हैं नीचे पेड़ में एक स्तर।
>> तो मैं एक पूरा नया जोड़ सकते हैं तत्व एक स्तर कम है।
या मैं है कि एक तत्व को हटा सकते हैं साथ ही साथ मैं चाहता हूँ कि अगर एक स्तर कम
अपने वेब पेज से कुछ को नष्ट करने के लिए।
अब, एक त्वरित कोडिंग नोट और एक त्वरित सिरदर्द उम्मीद है, नोट की बचत।
>> getElementById-- d लोअरकेस है।
मैंने सोचा कि मैं कितनी बार आपको बता नहीं सकता खेतों में getElementById और पूंजीकृत
वहाँ घ।
यह वास्तव में आम है क्योंकि।
हम शब्द आईडी लिखते हैं, तो यह है आम तौर पर राजधानी I पूंजी डी
और अपने कोड सिर्फ काम नहीं करता।
और मैं क्यों समझ नहीं सकता।
यह वास्तव में, वास्तव में, वास्तव में एक है हर कोई करता है कि आम बग,
है कि यहां तक ​​कि विशेषज्ञों हमेशा के लिए यह कर दिया गया।
तो बस, getElementById बारे में पता हो सकता है, कि डी लोअरकेस है।
और उम्मीद है, कि आप कई बचाता है दिल का दर्द कम से कम मिनट।
>> तो क्या यह सब बताता है?
हम इन विधियों है।
हम इन गुण होते हैं।
अब, हम से शुरू करते हैं दस्तावेज़, दस्तावेज़।
जो भी हो, हम अब किसी को प्राप्त कर सकते हैं हमारे वेब पेज का एक टुकड़ा
हम जावास्क्रिप्ट का उपयोग करने के लिए इच्छित बस इन तरीकों को फोन करके
और गुण का लाभ हम विभिन्न स्थानों पर लगता है।
>> यह इस Wordy प्राप्त कर सकते हैं document.getElementById,
शायद एक लंबे टैग नाम है, हो सकता है आप बाद में और अधिक कॉल करते हैं।
बातें एक छोटा सा Wordy प्राप्त कर सकते हैं।
और प्रोग्रामर के रूप में, आप है के रूप में शायद इन वीडियो में से कई में देखा जाता है,
हम Wordy बातें पसंद नहीं है।
>> हम जल्दी से काम करने में सक्षम होना चाहते हैं।
तो हम एक और अधिक चाहते हैं संक्षिप्त तरीके से कुछ कहने के लिए।
तो की ओर जाता है की इस तरह कुछ की धारणा jQuery के लिए बुलाया।
अब जावास्क्रिप्ट नहीं है।
यह जावास्क्रिप्ट का हिस्सा नहीं है।
>> यह लिखा गया था कि एक पुस्तकालय है कुछ जावास्क्रिप्ट प्रोग्रामर द्वारा
लगभग 10 साल पहले।
और अपने लक्ष्य को यह क्या है सरल करने के लिए है कहा जाता ग्राहक पक्ष पटकथा, जो
हम सिर्फ थे क्या मूल रूप से है डोम जोड़तोड़ के साथ के बारे में बात कर रही है।
यदि ऐसा है तो और मैं को संशोधित करने के लिए करना चाहता था अपने वेब पेज की पृष्ठभूमि का रंग, हो सकता है
एक विशिष्ट डिव।
>> यहाँ, मैं जाहिरा तौर पर हो रही है ElementById colorDiv।
और मैं इसकी पृष्ठभूमि रंग सेट करना चाहते हैं।
मैं सिर्फ शुद्ध जावास्क्रिप्ट का उपयोग कर रहा है, तो दस्तावेज़ ऑब्जेक्ट मॉडल का उपयोग कर,
कि ठीक है, सामान का एक बहुत कुछ है? document.getElementById
colorDiv.style.backgroundColor ग्रीन =।
>> वाह।
यह कहने के लिए बहुत कुछ था।
यह भी टाइप करने के लिए एक बहुत कुछ है।
और तो jQuery में, हम शायद कह सकते हैं यह एक छोटा सा और concisely।
यह जा रहा है व्यापार बंद हो सकता है एक छोटी सी है बिट अचानक अधिक गुप्त,
है ना?
>> कम से कम लंबी थोड़ा और अधिक है हम क्या कर रहे हैं के रूप में स्पष्ट है।
यह डॉलर के हस्ताक्षर, कोष्ठक, एकल बोली, हैश, colorDiv, है ना?
इसका क्या मतलब है?
वैसे, यह सिर्फ मूल रूप से है document.getElementById colorDiv।
>> लेकिन यह आशुलिपि के इस प्रकार है सर्वर का उपयोग कर इसे करने का तरीका है।
चलो बस अब एक नजर डालते हैं अलग अलग तरीके के एक जोड़े पर
मैं वास्तव में हो सकता है कि इस दस्तावेज़ ऑब्जेक्ट का उपयोग
मॉडल मेरी साइट के टुकड़ों में हेरफेर करने के लिए।
विशेष रूप से, हम जा रहे हैं छेड़छाड़ पर काम करने के लिए
एक विशेष का रंग एक वेब पेज पर डिव, colorDiv।
तो चलो उस पर एक नजर डालते हैं।
ठीक है।
तो मैं एक पेज पर हूँ।
जब आप डाउनलोड यह test.html कहा जाता है यह आप इस के साथ टिंकर करने के लिए चाहते हैं।
और मुझे लगता है की एक गुच्छा मिला है इस पृष्ठ पर बटन।
और मैं व्यक्तिगत कार्यों कह रहा हूँ पृष्ठभूमि रंग, हरे, बैंगनी के लिए,
नारंगी, लाल, नीले, एक ही समारोह पृष्ठभूमि रंग के लिए, ईवेंट हैंडलर
पृष्ठभूमि रंग, और सर्वर का उपयोग कर के लिए।
मैं किस बारे में बात कर रहा हूं जब मैं यह कर रहा हूँ?
इसलिए हम बटन को देखा है।
अब, चलो पर एक नजर डालते हैं यहां स्रोत कोड के कुछ।
हम test.html के साथ शुरू करेंगे।
पृष्ठभूमि के लिए तो अलग-अलग कार्यों रंग मैं यहाँ टाइप किया क्या है।
मुझे थोड़ा सा स्क्रॉल करते हैं।
>> और आपको लगता है कि मैं नोटिस देंगे इन बटनों को परिभाषित किया है
इस बटन को क्लिक करने पर कहने के लिए, बैंगनी बारी समारोह कहते हैं।
इस बटन को क्लिक किया जाता है, बल्कि, समारोह हरे रंग की बारी कहते हैं,
लाल बारी, नारंगी बारी है, नीले रंग की बारी है।
आप शायद यह है कि अनुमान लगा सकते हैं सर्वश्रेष्ठ डिजाइन शायद नहीं है
भावना, है ना?
>> अगर मैं कर सकता यह अच्छा होगा एक अधिक सामान्य दृष्टिकोण है।
खैर, सबसे पहले हम देख लेंगे उन पांच कार्यों क्या कर रहे हैं पर
document.getElementById बैंगनी colorDiv.style.background =,
, लाल, हरे, नारंगी क्रमशः, और नीला।
तो, नहीं विशेष रूप से सबसे अच्छा डिजाइन।
>> बटन के अगले सेट मैंने लिखा है है
कहा जाता है एक ही समारोह जाहिर है कि रंग बदलने
अपने तर्क के रूप में एक स्ट्रिंग को स्वीकार करता है।
तो यह एक छोटा सा बेहतर है।
लाल, बैंगनी, हरे, नारंगी, नीले अब एक तर्क है।
तो मैं एक अधिक सामान्य लिखा है मामले जावास्क्रिप्ट समारोह,
जो कुछ इस तरह लग सकता है।
मैं अंदर से गुजर रहा हूँ।
इस समारोह में परिवर्तन रंग है रंग नामक एक तर्क की उम्मीद थी।
और मैं सेट कह रहा हूँ रंग करने के लिए पृष्ठभूमि रंग।
यहाँ तो मैं यहाँ क्या मिला है प्रतिनिधित्व करता है।
तो यह है कि एक सा बेहतर है।
>> लेकिन मैं करने में सक्षम हो सकता है उस से भी बेहतर है।
हम एक बार देख लेने के लिए नीचे जाना है ईवेंट हैंडलर स्थिति में,
अब इन सभी कॉल एक ही देखो।
आप के लिए याद करते हैं, तो हमारे घटना संचालकों पर चर्चा,
मैं के बारे में जो जानकारी प्राप्त कर सकते हैं इन बटन क्लिक किया और उस का उपयोग किया गया था।
>> और तो event.JavaScript में, मैं लिखित परिवर्तन रंग घटना, जो
क्लिक किया गया था, जो बटन बाहर के आंकड़े।
यही कारण है कि ट्रिगर वस्तु रेखा है।
और फिर यहाँ, यह सच Wordy हो जाता है।
लेकिन मैं क्या कर रहा हूँ मैं कर रहा हूँ है पृष्ठभूमि की स्थापना
triggerObject inner.HTML करने के लिए रंग।
यही कारण है कि में पाठ है बटन टैग के बीच।
>> और फिर मैं जाहिरा तौर पर है लोअरकेस के लिए यह निर्धारित करने के लिए।
और कहा कि मैं एक पूरे परिवर्तित कर सकते हैं कि कैसे है स्ट्रिंग का उपयोग जावास्क्रिप्ट में लोअरकेस
कि विधि लोअरकेस करने के लिए।
मैं एक रंग सेट क्योंकि जब, मैं यहाँ क्या करने की कोशिश कर रहा हूँ के रूप में,
रंग सभी लोअरकेस हो गया है।
>> लेकिन मैं था कि बटन, हम फिर से विचार करना है, तो
पाठ है कि वहाँ नोटिस बैंगनी के लिए एक पूंजी पी के साथ लिखा है।
और फिर बहुत यहाँ नीचे, मैं जाहिरा तौर पर
कोशिश करते हैं और साथ ही इस का उपयोग कर jQuery करते हैं।
और इस मामले में, मैं वास्तव में नहीं हूँ सभी में एक समारोह बुला रही है।
मैं सिर्फ मैं क्लास हूँ कहा है कि इस बटन के लिए उपयोग कर एक jQ बटन है।
यह बात है।
>> तो कैसे jQuery का मैं क्या कर रहा हूँ पता है?
खैर, इस लाभ में से एक है jQuery के नुकसान स्लेश।
यह मेरे काम करने की अनुमति कर सकते हैं बहुत संक्षेप में, लेकिन शायद नहीं
के रूप में intuitively।
हो सकता है कि उन अन्य तीन बनाने के एक थोड़ा और अधिक मैं क्या कर रहा हूँ भावना।
इधर, हालांकि, क्या चल रहा है?
>> जाहिर है, बनाने एक गुमनाम समारोह
कि भार जब भी मेरे दस्तावेज़ है, तो document.ready तैयार है,
कुछ समारोह होने जा रहा है।
असल में, जब एक दस्तावेज़ तैयार है?
मेरा पेज भरी हुई है जब यह है।
>> इसलिए जैसे ही मेरा पेज लोड किया गया है, समारोह के बाद हमेशा के लिए तैयार है।
यह कहना है, यदि प्रकार jQButton की एक वस्तु, या वर्ग jQButton क्लिक किया गया है, तो
इस समारोह को अंजाम।
तो यहाँ दो गुमनाम कार्यों है, एक दूसरे के अंदर परिभाषित किया।
>> मेरे पूरे प्रसंग तो यहां अब तक मेरा पेज है
जब यह भार यह इस समारोह में कहता है।
और इस समारोह में प्रतीक्षा कर रहा है एक बटन के लिए क्लिक किया जा करने के लिए।
और एक बटन क्लिक किया जाता है, जब jQ बटन विशेष रूप से क्लिक किया जाता है,
यह इस अन्य कॉल समारोह, जो हो रहा है
पृष्ठभूमि सेट करने के लिए colorDiv का रंग हो
जो कुछ भी पाठ टैग के बीच में है।
>> इस की धारणा है जो बटन क्लिक किया था।
लेकिन अन्यथा, इस तरह की है एक घटना के समान व्यवहार कर रही।
यह सिर्फ एक ही रास्ता है कि मैं jQuery में यह व्यक्त करेंगे।
फिर, यह शायद एक बहुत अधिक डरा देता है।
यह रूप में के रूप में स्पष्ट नहीं है event.js तरह कुछ है,
जो शायद थोड़ा और अधिक है वाचाल, लेकिन थोड़ा सा कम
डरा देता है।
>> लेकिन हम अपने ब्राउज़र खत्म करने के लिए वापस पॉप यदि खिड़की, मैं अच्छी तरह से clicking-- शुरू,
कि बैंगनी रंग के लिए बदल दिया है।
इस स्ट्रिंग विधि का उपयोग हरे रंग की है।
इस घटना हैंडलर का उपयोग नारंगी है।
>> यह सही है, सर्वर का उपयोग कर लाल है?
वे सब बिल्कुल वैसा ही व्यवहार करते हैं।
वे सिर्फ यह अलग का उपयोग कर समस्या को हल करने के लिए दृष्टिकोण।
करने के लिए एक बहुत अधिक नहीं है jQuery के तो हम निश्चित रूप से कर रहे हैं
इस वीडियो के बारे में बात करने के लिए जा रहा है।
आप और अधिक जानने के लिए चाहते हैं लेकिन, आप कर सकते हैं दस्तावेज के jQuery के प्रकार के लिए जाना
और के बारे में बहुत थोड़ा अधिक जानने के यह बहुत लचीला पुस्तकालय, जो
ग्राहक की ओर करने के लिए महान है इस तरह हम क्या कर रहे थे के रूप में पटकथा
नज़र में हेरफेर करने के लिए और हमारे वेब पेज का लग रहा है
दस्तावेज़ ऑब्जेक्ट मॉडल के साथ।
मैं डौग लॉयड हूँ।
इस CS50 है।