ڈوگ لایڈ: اس ویڈیو میں، ہم چاہتے تھے علیحدہ توجہ باہر فون کرنے کے لئے ایک بہت خاص طور پر جاوا اسکرپٹ کا عنصر آپ کو آسان تلاش کر سکتے ہیں کہ جب آپ شروع کر رہے ہیں ویب صفحات توڑ پر کام کرنے کے لئے اور آپ کے ویب صفحے کے مواد کو تبدیل کرنے مکھی پر. اور اس کے تصور ہے دستاویز آبجیکٹ ماڈل. تو کے طور پر ہم پر ہمارے ویڈیو میں دیکھا جاوا، اشیاء بہت لچکدار ہیں. اور انہوں نے مختلف شعبوں پر مشتمل ہوسکتا ہے. اور ہم ایک بہت میں جانا نہیں تھا اگرچہ تفصیل، ان شعبوں یا خصوصیات، کہ ہم شاید زیادہ کرے گا مناسب طریقے سے ان کو بلاؤ یہاں تک کہ ایک چیز کے تناظر میں ان کی خصوصیات دیگر اشیاء کیا جا سکتا ہے. اور ان اشیاء کے اندر دیگر اشیاء کیا جا سکتا ہے. 

آپ کو اس بہت بڑی چیز ہے دیگر اشیاء کی ایک بہت کے ساتھ کے اس کے اندر، جس طرح ایک بڑے درخت کے اس خیال کی تخلیق. اب، دستاویز آبجیکٹ ہے جاوا اسکرپٹ میں بہت ہی خاص چیز کہ آپ پورے ویب منظم چھتری کے تحت اس طرح صفحے کسی چیز کا. اور اس دستاویز کے اندر اعتراض پیش اشیاء ہیں آپ کے ویب کے صفحے کے سر اور جسم. 

ان کے اندر دوسرے ہیں اشیاء، وغیرہ، وغیرہ، اپنے پورے ویب صفحہ ہے جب تک اس بڑے اعتراض میں منعقد کی گئی. الٹا حق، یہاں کیا ہے؟ ٹھیک ہے، ہم کام کرنے کے لئے کس طرح جانتے ہیں جاوا اسکرپٹ میں اشیاء کے ساتھ. 

ہم ایک چیز ہے اگر ایسا ہے کہ ہمارے پورے ویب صفحہ سے مراد صحیح بلا مطلب طریقوں ہے کہ اعتراض جوڑتوڑ یا مخصوص تبدیلی اس کی خصوصیات کی وجہ سے، ہم کے عناصر کو تبدیل کر سکتے ہیں ہمارے صفحہ پروگرام جاوا سکرپٹ کو استعمال بجائے ہونے ایچ ٹی ایم ایل، کا کہنا ہے کہ، کے ساتھ چیزوں کوڈ. تو یہاں ایک کی ایک مثال ہے ویب صفحہ بہت آسان، ٹھیک ہے؟ یہ HTML ٹیگ، ایک سر ہے. 

کے اندر ایک عنوان، ہیلو دنیا ہے. پھر میں نے ایک جسم ہے. ہے کے اندر، میں نے تین مختلف چیزیں. میں نے ایک H2 ہیڈر ٹیگ ایک پیراگراف، اور ایک لنک. یہ ایک بہت سادہ ویب صفحہ ہے. 

ٹھیک ہے، کیا ہو سکتا ہے دستاویز کی طرح اس نظر کے لئے اعتراض کیسے کروں؟ ٹھیک ہے، یہ ایک چھوٹا سا ہے شاید سب سے پہلے میں ڈراونا. لیکن یہ واقعی صرف ایک بڑا درخت ہے. اور اس کی بہت جڑ میں دستاویز ہے. 

دستاویز ایک اور مثال ہے کے اندر اپنے صفحے کے HTML کا حوالہ دیتے ہوئے اعتراض. اور اپنے صفحے کے HTML اس کے تمام ہے. اور پھر ایچ ٹی ایم ایل کے اندر اعتراض، میں ایک سر چیز ہے، جو وہاں سب کچھ سے مراد. 

اور وہاں کے اندر، میں ایک عنوان چیز ہے. اور وہاں کے اندر، میں نے ایک اور ہے کہ صرف ہیلو دنیا ہے اعتراض. میں نے اپنے جسم کر سکتے ہیں اس طرح کی نمائندگی کی. 

میرے جسم کے اندر، میں ایک H2 ہے اعتراض اور پیراگراف کے لئے ایک P اعتراض اور ایک لنک کے طور پر ایک چیز. اور اس طرح اس پورے تنظیمی ڈھانچے ایک بڑے درخت کے طور پر نمائندگی کیا جا سکتا ہے چھوٹے چھوٹے کے بہت سے چیزیں اس سے باہر آ رہے ہیں. اب، کورس، جب ہم، پروگرامنگ کر رہے ہیں ایک بڑے درخت کی طرح چیزوں کے بارے میں سوچنا نہیں. ہم اصل کو دیکھنے کے لئے چاہتے ہیں کوڈ متعلقہ چیزوں. 

اور خوش قسمتی سے، ہم کر سکتے ہیں ہمارے ڈویلپر کے اوزار کا استعمال کرتے ہیں اصل میں ایک نظر لینے کے لئے اس ویب سائٹ کے دستاویز آبجیکٹ. اور یہ کرتے ہیں. تو میں نے ایک براؤزر کے ٹیب کے لئے کھول دیا ہے. 

اور میں ڈیولپر کے اوزار کھول دیا ہے. اور جاوا سکرپٹ پر اپنے ویڈیو میں، میں کنسول نہیں ہے کہ اس کا ذکر صرف جگہ جہاں ہم معلومات کو پرنٹ، یہ بھی ایک جگہ ہے جہاں ہم ان پٹ کے بارے میں معلومات کر سکتے ہیں. اس تناظر میں، کیا میں کہنا ہے کہ جا رہا ہوں میں واپس حاصل کرنے کے لئے چاہوں گا دستاویز اشیاء، تو میں نے اس پر ایک نظر حاصل کرنے شروع کر سکتے ہیں. تو میں یہ کس طرح کر سکتا ہے؟ ٹھیک ہے، میں کرنا چاہتے ہیں تو واقعی اچھی طرح سے منظم، میں console.dir، ڈی میں آر کہنے جا رہا ہوں. اب، میں صرف پرنٹ کرنے کے لئے console.log کے استعمال باہر کچھ بہت آسان. لیکن میں اس کو منظم کرنا چاہتے ہیں تو پر hierarchically کسی چیز کی طرح، میں اس طرح کی تشکیل چاہتے ہیں ایک ڈائریکٹری ڈھانچہ کی طرح. 

تو میں نے دستاویز console.dir کرنا چاہتے ہیں. میں درج کریں مارا جا رہا ہوں. اور حق اس کے نیچے اب، اور میں، یہاں میں زوم کریں گے مجھے یہ جواب دستاویز مل گیا ہے اس کے اگلے تھوڑا تیر کے ساتھ. اب، میں اس تیر کے نشان کو کھولنے جب، سامان کی ایک بہت ہو رہا ہے. 

لیکن ہم نے ایک بہت کو نظر انداز کرنے جا رہے ہیں یہ اور توجہ صرف کی قسم سب سے اہم حصہ پر، ہم تو اس دستاویز کے تالش کا آغاز کر سکتے ہیں. ڈوم کے مقابلے میں بہت زیادہ نہیں ہے نوڈس اور بچے نوڈس صرف والدین. ذیلی سامان کی ایک بہت نہیں ہے. 

تو میں نے اس کو کھولنے کے لئے جا رہا ہوں. اور ایک پوری بہت ہے چیزیں اس ٹمٹمانے. لیکن میں پرواہ ہے یہیں، بچے نوڈس. کی کہ کھول دو. 

وہاں کے اندر میں دیکھ واقف کچھ، ایچ ٹی ایم ایل. ہمارے دستاویز کے اندر تو ایک سطح نیچے، ایچ ٹی ایم ایل. میں اس کو کھولنے. ہم کیا توقع کر رہے ہیں؟ 

اگر آپ کو ہماری آریھ سے یاد تو، ہم ایچ ٹی ایم ایل کے اندر کیا تلاش کرنا چاہئے؟ درخت میں اس کے نیچے کیا دو مراکز ہیں؟ چلو باہر تلاش. ہم ایچ ٹی ایم ایل کو کھولنے. ہم اس بچے نوڈس نیچے جاؤ. 

کہ کھلی پاپ. سر اور جسم نہیں ہے. اور ہم سر کو کھول سکتے ہیں. اس کے بچے نوڈس پر جائیں. ویسے، عنوان ہے. 

اور ہم پر جا سکتے ہیں اور اس طرح ہمیشہ کے لئے. ہم ساتھ ساتھ جسم کے ساتھ ایسا کر سکتا ہے. لیکن ہم کو دیکھنے کے لئے کے لئے ایک طریقہ ہے ایک بڑا اعتراض کے طور پر منظم دستاویز. ہم پر نظر ڈالیں تو ایک بڑا ہے ایک بہت لگ رہا ہے کہ اعتراض کوڈ کی طرح، کہ ہم شروع کر سکتے ہیں کا مطلب ہے کہ کا استعمال کرتے ہوئے بڑے اعتراض جوڑتوڑ کوڈ کیا تبدیل کرنے کے اپنے ویب سائٹ لگتا ہے اور اس طرح محسوس ہوتا ہے. 

تو یہ ایک بہت طاقتور آلہ ہے اب ہم ہمارے اختیار میں ہے. ہم نے ابھی دیکھا تو کے طور پر، دستاویز اعتراض خود اور اس کے اندر اشیاء کی تمام صرف، خصوصیات اور طریقوں ہے ہم ہے کہ کسی بھی دوسرے اعتراض کی طرح جاوا اسکرپٹ میں ساتھ کام کر رہے. لیکن ہم ان کی خصوصیات استعمال کر سکتے ہیں اور قسم کے نیچے ڈرل کرنے کے لئے ان طریقوں کا استعمال اور بڑی دستاویز سے حاصل کم اور کم اور کم، ہے finer اور finer اناج تفصیل کے، ہم جب تک کی ایک بہت ہی مخصوص ٹکڑا حاصل کرنے کے لئے ہماری ہم کو تبدیل کرنا چاہتے ہیں کہ ویب کے صفحے. 

اور ہم کی خصوصیات کو اپ ڈیٹ جب آبجیکٹ دستاویز یا ان طریقوں کال، چیزیں ہماری ویب کے صفحے پر ہو سکتا ہے. اور ہم کسی بھی تازگی ایسا کرنے کی ضرورت نہیں ان تبدیلیوں کا اثر لینے کے لئے ہے. 

اور اس کے لئے ایک بہت اچھا صلاحیت ہے ہم کوڈ کے ساتھ کام کر رہے ہیں جب ہے. تو ان خصوصیات میں سے کچھ ہیں ایک دستاویز اعتراض کا حصہ ہیں؟ ویسے، آپ کو شاید دیکھا ان میں سے جوڑے واقعی فوری طور پر ہم zipping رہے تھے وشال دستاویز کے ذریعے اعتراض ہم صرف ویب براؤزر میں دیکھا. 

لیکن ان کی خصوصیات میں سے ایک جوڑے اندرونی HTML کی طرح چیزوں کو ہو سکتا ہے. اور تم نے مجھے یاد کر سکتے ہیں جاوا ویڈیو میں اس کا استعمال کرتے ہوئے آخر میں جب میں واقعات کے بارے میں بات کر رہا تھا. اس اندرونی HTML کیا تھا؟ ٹھیک ہے، یہ ہے صرف کیا ہے ٹیگز کے درمیان میں. 

اور اس طرح اندرونی HTML، مثال کے طور پر، عنوان کے ہم رکھا تھا تو ٹیگ، میں جا ، ایک لمحے پہلے مثال کے طور پر ہیلو دنیا ہوتا ہے. یہ ہمارے صفحے کے عنوان تھا. دیگر خصوصیات نوڈ کا نام، جس میں شامل ہیں ایک HTML کا نام ہے عنوان کے طور پر اس طرح کے عنصر. ID ہے جس کی شناخت، ایک HTML عنصر کی خصوصیت. 

ہم خاص طور پر اس بات کی نشاندہی کر سکتے ہیں یاد ہمارے HTML کے مخصوص عناصر جو عام طور پر ایک ID وصف، کے ساتھ سی ایس ایس کے تناظر میں ہاتھ میں آتا ہے، خاص طور پر. کے لئے ایک ریفرنس ہے جس میں والدین کی نوڈ، ابھی تک میرے اوپر ڈوم میں کیا ہے. اور بچوں کی گانٹھوں، ہے جس میں ایک مجھے نیچے نیچے کیا ہے کے حوالے. اور ہم اس کی ایک بہت دیکھا صرف کے ذریعے تلاش. ہم کس طرح بچے نوڈس، ہے درخت میں کم اور کم. 

، صفات ہے کہ صرف ایک صف ہے کے HTML عنصر کی صفات. تو صفات کی ایک مثال ہو سکتا ہے آپ کو ایک تصویر ٹیگ ہے تو ہو، یہ عام طور پر ایک ذریعہ وصف ہے، شاید ایک اونچائی اور چوڑائی وصف. اور تو ہے کہ صرف ایک سرنی ہو جائے گا منسلک صفات میں سب سے کہ HTML عنصر کے ساتھ. 

انداز ایک ہے کہ سی ایس ایس کی نمائندگی کرتا ہے ایک خاص عنصر کے اسٹائل. اور بعد میں اس میں ویڈیو، ہم خاص طور پر کروں گا بیعانہ سٹائل کے ایک جوڑے بنانے کے لئے ہماری ویب سائٹ میں تبدیلی کی. تو وہ کچھ خصوصیات ہیں. 

اور بھی کچھ وہاں ہو ہم کر سکتے ہیں کے طریقوں بھی زیادہ تیزی سے ہو سکتا ہے کہ الگ تھلگ کرنے کے لئے استعمال دستاویز آبجیکٹ کے عناصر. شاید، سب سے زیادہ ورسٹائل ان ہونے getElementById کی. تو میں نے، کیونکہ کچھ اس طرح کا کہنا ہے کہ ہو سکتا ہے اس دستاویز کا ایک طریقہ ہے یاد ، ہیں document.getElementByID آبجیکٹ. 

اور ان قوسین کے اندر، کی وضاحت ایک خاص طور پر شناخت کے ساتھ ایک HTML عنصر میں نے پہلے کیا ہے کہ منسوب مقرر کریں، اور میں نے فوری طور گے اس عنصر کا حق جانا مجموعی طور پر ویب سائٹ کے. تو میں نے شاید ڈرل کی ضرورت نہیں ہے ہر ایک پرت کے ذریعے نیچے. میں نے صرف اسے تلاش کرنے کے لئے یہ طریقہ استعمال کر سکتے ہیں، قسم کی گرمی تلاش میزائل کی طرح، ٹھیک ہے؟ یہ صرف جاتا ہے اور پتہ چلا ہے بالکل اس کے لئے لگ رہا ہے کیا. 

GetElementsByTagName ہے روح میں بہت اسی طرح کی. ہو سکتا ہے کہ اس کے تمام تلاش کریں گے جرات مندانہ ٹیگز یا P کرنے کے لئے تمام اور مجھے ہر چیز کا ایک سرنی دے پھر میں نے ساتھ مل کر کام کر سکتے ہیں کہ. appendChild کچھ اضافہ کر دیتی ہے درخت میں ایک سطح. 

تو میں نے ایک پورے نئے شامل کر سکتے ہیں عنصر ایک سطح کم. یا میں ہے کہ ایک عنصر ختم کر سکتے ہیں کے طور پر اچھی طرح سے میں کرنا چاہتے ہیں تو ایک سطح کم میری ویب کے صفحے سے کچھ کو خارج کرنا. اب، ایک فوری کوڈنگ نوٹ اور ایک فوری سردرد امید، نوٹ محفوظ کر رہا. 

getElementById-- D خفی ہے. میں نے کتنی بار آپ کو بتا نہیں کر سکتے ہیں استعمال کیا جاتا ہے getElementById اور پونجیکرت وہاں D. یہ واقعی عام ہے کیونکہ. ہم لفظ شناخت لکھتے ہیں، یہ ہے عام طور پر دارالحکومت میں نے دارالحکومت ڈی اور میرا کوڈ صرف کام نہیں کرتا. اور مجھے کیوں سمجھ نہیں کر سکتے ہیں. یہ واقعی، واقعی، واقعی ایک ہے سب ہے کہ عام مسئلے سے، ہے کہ یہاں تک کہ ماہرین ہمیشہ یہ کر رہا. تو، getElementById واقف ہونا، کہ ڈی خفی ہے. اور امید ہے، کہ آپ کو کئی بچاتا ہے درد دل کے کم از کم منٹ. 

تو کیا اس کے تمام بتاتی ہے؟ ہم ان طریقوں ہے. ہم نے ان کی خصوصیات ہیں. اب، ہم سے شروع تو دستاویز، دستاویز. جو کچھ بھی، اب ہم کسی کو حاصل کر سکتے ہیں ہماری ویب کے صفحے کے ایک ٹکڑا ہم جاوا سکرپٹ کو استعمال کرنے کے لئے چاہتے ہیں کہ صرف ان طریقوں کال کر اور خصوصیات کا فائدہ ہم مختلف مقامات پر تلاش ہے کہ. 

یہ، اس wordy حاصل کر سکتے ہیں ہیں document.getElementByID، شاید ایک طویل ٹیگ کا نام ہے، شاید آپ کو بعد میں زیادہ کالز کرتے. چیزیں تھوڑا سا wordy حاصل کر سکتے ہیں. اور پروگرامرز کے طور پر، آپ کو ہے کے طور پر شاید ان ویڈیوز میں سے بہت سے لوگوں میں دیکھا، ہم wordy چیز کو پسند نہیں کرتے. 

ہم فوری طور پر کام کرنے کے قابل ہونا چاہتے ہیں. تو ہم نے ایک زیادہ پسند کرے گا جامع طریقہ کچھ کہنا. تو کی طرف جاتا ہے اس طرح کچھ کے تصور jQuery کے کہا. اب jQuery جاوا سکرپٹ نہیں ہے. یہ جاوا سکرپٹ کا حصہ نہیں ہے. 

یہ لکھا گیا ہے کہ ایک لائبریری ہے کچھ جاوا سکرپٹ پروگرامرز کی طرف سے تقریبا 10 سال پہلے. اور اس مقصد یہ کیا ہے کو آسان بنانے کے لئے ہے کہا جاتا کلائنٹ سائڈ سکرپٹ، جس ہم صرف کیا تھے بنیادی طور پر ہے ڈوم پھیری کے ساتھ کے بارے میں بات. اگر ایسا ہے تو میں ترمیم کرنے کے لئے کرنا چاہتا تھا میری ویب کے صفحے کے پس منظر کا رنگ، شاید ایک مخصوص ڈویژن. 

یہاں، میں بظاہر ہو رہی ہے ElementById colorDiv. اور میں اس کے پس منظر کا رنگ مقرر کرنا چاہتے ہیں. میں صرف خالص جاوا اسکرپٹ استعمال کر رہا ہوں تو دستاویز آبجیکٹ ماڈل کا استعمال کرتے ہوئے، یہ ٹھیک ہے، بہت ساری چیزیں ہے؟ ہیں document.getElementByID colorDiv.style.backgroundColor سبز =. 

واہ. کا کہنا ہے کہ ایک بہت تھا. یہ بہت، ٹائپ کرنے کی ایک بہت ہے. اور اس طرح jQuery میں، ہم شاید کہہ سکتے ہیں یہ تھوڑا سا زیادہ concisely کے. ہونے کی وجہ سے بند کر تجارت شاید تھوڑا ہے سا اچانک سب سے زیادہ خفیہ، ٹھیک ہے؟ 

کم از کم جب تک تھوڑا سا زیادہ ہے ہم کیا کر رہے ہیں کے طور پر وضاحتی. یہ ڈالر کا نشان، قوسین، ایک اقتباس، ہیش، colorDiv، ٹھیک ہے؟ اس کا کیا مطلب ہے؟ ٹھیک ہے، یہ صرف بنیادی طور پر ہے ہیں document.getElementByID colorDiv. 

لیکن یہ آشلپی کے اس طرح ہے jQuery استعمال کرتے ہوئے یہ کام کر رہے کی راہ. صرف اب ایک نظر ڈالیں مختلف طریقوں کی ایک جوڑے کو میں اصل میں ہو سکتا ہے کہ اس دستاویز آبجیکٹ استعمال ماڈل اپنی ویب سائٹ کے ٹکڑے جوڑتوڑ. خاص طور پر، ہم جا رہے ہیں توڑ پر کام کرنے کسی خاص کے رنگ ایک ویب صفحے پر ڈویژن، colorDiv،. تو اس میں ایک نظر ڈالیں. بالکل ٹھیک. تو میں نے ایک صفحے پر ہوں. آپ ڈاؤن لوڈ کرتے وقت یہ test.html کہا جاتا ہے یہ آپ کو اس کے ساتھ ٹنکر کرنا چاہتے ہیں تو. اور میں ایک گروپ مل گیا ہے اس صفحے پر بٹن. اور میں انفرادی افعال کہہ رہا ہوں پس منظر کا رنگ، سبز، جامنی رنگ کے، اورینج، سرخ، نیلے رنگ، ایک تقریب پس منظر کا رنگ کے لئے، ایونٹ ہینڈلر پس منظر کا رنگ، اور jQuery استعمال کرنے کے لئے. میں کس بارے میں بات کر رہا ہوں جب میں یہ کر رہا ہوں؟ تو ہم بٹن دیکھا ہے. اب، میں ایک نظر ڈالیں یہاں منبع کوڈ میں سے کچھ. ہم test.html ساتھ شروع کریں گے. پس منظر کے لئے تو انفرادی افعال رنگ میں یہاں ٹائپ ہے کیا ہے. مجھے تھوڑا سا سکرال. 

اور تم اس میں محسوس کریں گے یہ بٹن وضاحت کی گئی ہے اس بٹن کو کلک کیا جاتا ہے کا کہنا ہے کہ، جامنی رنگ کی باری تقریب کہتے ہیں. اس بٹن پر کلک کیا جاتا ہے، بلکہ، تقریب سبز رنگ کی باری فون، سرخ باری، اورینج باری، نیلے رنگ تبدیل. آپ نے شاید یہ ہے کہ اندازہ لگا سکتے ہیں سب سے بہترین ڈیزائن شاید نہیں ہے احساس، ٹھیک ہے؟ 

میں کر سکتا ہے تو یہ اچھا ہو گا ایک سے زیادہ عام نقطہ نظر ہے. ویسے، سب سے پہلے ہم ایک نظر ڈالیں گے ان پانچ افعال ہیں کیا ہیں document.getElementByID جامنی colorDiv.style.background =، ، سرخ، سبز، اورنج بالترتیب، اور نیلے رنگ کے. لہذا، خاص طور پر سب سے بہترین ڈیزائن. 

بٹن کی اگلی سیٹ میں لکھا ہے کیا جاتا ہے نامی ایک تقریب بظاہر رنگ تبدیل اس کی دلیل کے طور پر ایک تار کو قبول کرتا ہے. تو یہ تھوڑا سا بہتر ہے. سرخ ارغوانی، سبز، اورینج،، بلیو اب ایک دلیل ہے. تو میں نے ایک سے زیادہ عام لکھا ہے کیس جاوا اسکرپٹ تقریب، جو کچھ اس طرح نظر ہو سکتا ہے. میں گزر رہا ہوں. اس فنکشن کو تبدیل رنگ ہے رنگ نامی ایک دلیل کی توقع. اور میں مقرر کہہ رہا ہوں رنگ کے پس منظر کا رنگ. تو یہاں میں یہاں مل گیا ہے کی نمائندگی کرتا ہے. تو یہ ایک تھوڑا سا بہتر ہے. 

لیکن میں کرنے کے قابل ہو سکتا ہے اس سے بہتر کرتے ہیں. ہم ایک نظر لینے کے لئے نیچے جاتے ہیں ایونٹ ہینڈلر کی صورت حال پر، اب ان تمام کالز ایک ہی نظر آئے. آپ کے لئے یاد تو ہمارے ایونٹ handlers پر بحث، میں جس کے بارے میں کے بارے میں معلومات حاصل کر سکتے ہیں یہ بٹن پر کلک کیا اور اس کا استعمال کیا گیا تھا. 

اور اس طرح event.JavaScript میں، میں نے لکھا تبدیلی کے رنگ تقریب، جس میں کلک کیا گیا تھا جس کے بٹن باہر کے اعدادوشمار. یہ ٹرگر اعتراض لائن ہے. اور پھر یہاں، یہ واقعی wordy ہو جاتا ہے. لیکن میں کیا کر رہا ہوں میں ہوں ہے پس منظر مقرر triggerObject inner.HTML رنگ. اس میں متن بٹن ٹیگز کے درمیان. 

اور پھر میں نے بظاہر ہے خفی کو قائم کرنے کے لئے. اور یہ کہ میں ایک پورے تبدیل کر سکتے ہیں کس طرح ہے سٹرنگ کا استعمال کرتے ہوئے جاوا اسکرپٹ میں چھوٹے سے اس طریقہ کار کو چھوٹے. میں ایک رنگ مقرر کیونکہ جب، میں یہاں کیا کرنے کی کوشش کر رہا ہوں کے طور پر، رنگ تمام چھوٹے ہونا ضروری ہے. 

لیکن میں تھا کہ بٹن، ہم ایک نظر ڈالیں تو، متن موجود نہیں ہے کہ محسوس کریں جامنی رنگ کے لئے ایک سرمایہ پی کے ساتھ لکھا. اور پھر میں بہت یہاں نیچے، میں بظاہر کوشش کریں اور اس کے ساتھ ساتھ اس کا استعمال کر کے jQuery کرتے. اور اس معاملے میں، میں واقعی میں نہیں ہوں بالکل ایک تقریب کو بلا. میں صرف میں کلاس ہوں کہ کہا ہے اس بٹن کے لئے استعمال کرتے ہوئے ایک JQ بٹن ہے. یہی ہے. 

تو کس طرح کے jQuery میں کیا کر رہا ہوں معلوم ہے؟ ٹھیک ہے، یہ فوائد میں سے ایک ہے jQuery کے نقصانات میں کمی. یہ میرے چیزوں ایسا کرنے کی اجازت کر سکتے ہیں بہت concisely کے، لیکن شاید نہیں کے طور پر intuitively پر. ہو سکتا ہے کہ ان لوگوں کو دوسرے تین بنانے تھوڑا سا زیادہ کیا کر رہا ہوں محسوس. یہاں، اگرچہ، کیا چل رہا ہے؟ 

بظاہر، پیدا کرنے ایک گمنام تقریب کہ بوجھ جب میری دستاویز ، تو document.ready، تیار ہے کچھ تقریب ہونے جا رہا ہے. بنیادی طور پر، جب ایک دستاویز تیار ہے؟ اپنے صفحے بھری ہوئی ہے جب یہ ہے. 

تو کے طور پر جلد ہی اپنے صفحہ بھری ہوئی ہے کے طور پر، تقریب مندرجہ ذیل ہمیشہ کے لئے تیار ہے. یہ کہتے ہیں کہ، تو قسم jQButton کی کسی چیز کو، یا طبقے jQButton کلک کیا گیا ہے تو، اس تقریب کو پھانسی. تو یہاں دونوں کے گمنام افعال ہے، ایک دوسرے کے اندر بیان کیا. 

اپنی پوری تناظر تو یہاں اب تک اپنے صفحے ہے یہ بوجھ جب اس تقریب بلاتا. اور یہ تقریب انتظار کر رہا ہے ایک بٹن کے لئے کلک کیا جائے. اور ایک بٹن کلک کیا جاتا ہے، JQ کے بٹن پر کلک کیا جاتا ہے خاص طور پر، اس دوسرے کالز تقریب، جس میں جا رہا ہے پس منظر قائم کرنے کے لئے colorDiv کے رنگ ہونا جو بھی متن ٹیگز کے درمیان میں ہے. 

اس کے تصور ہے جس کے بٹن کلک کیا گیا تھا. لیکن دوسری صورت میں، اس طرح کی ہے ایک تقریب کے لئے اسی طرح برتاؤ. یہ صرف ایک ہی طریقہ ہے مجھے jQuery میں اس کا اظہار کرے گا. ایک بار پھر، یہ شاید ایک بہت زیادہ دھمکی. یہ کے طور پر واضح نہیں ہے event.js کی طرح کچھ، جو شاید تھوڑا سا زیادہ ہے شبدبہل، لیکن ایک چھوٹا سا تھوڑا سا کم دھمکی. 

لیکن ہم اپنے براؤزر میں واپس پاپ تو ونڈو، مجھے اچھی طرح سے clicking-- شروع تو، کہ جامنی رنگ میں تبدیل کر دیا. یہ سٹرنگ طریقہ استعمال کرتے ہوئے سبز ہے. اس ایونٹ ہینڈلر استعمال اورینج ہے. 

یہ درست، jQuery استعمال کرتے ہوئے سرخ ہے؟ وہ سب بالکل ایک ہی برتاؤ. وہ صرف یہ مختلف استعمال کرتے ہوئے مسئلہ کو حل کرنے کے نقطہ نظر. کے لئے بہت زیادہ نہیں ہے jQuery کی تو ہم یقینی طور پر ہیں اس ویڈیو کے بارے میں بات کرنے جا رہا. آپ مزید جاننے کے لئے چاہتے ہیں تو، آپ کر سکتے ہیں دستاویزات کے jQuery قسم پر جائیں اور کے بارے میں بہت تھوڑا سا مزید جاننے کے یہ بہت لچکدار لائبریری، جس کلائنٹ سائڈ کرنے کے لئے بہت اچھا ہے اس طرح ہم نے کیا کر رہے تھے کے طور پر سکرپٹ نظر جوڑتوڑ اور ہماری ویب صفحے کے محسوس دستاویز آبجیکٹ ماڈل کے ساتھ. میں ڈوگ لایڈ ہوں. یہ CS50 ہے.