[Powered by Google Translate] [سیمینار: JQUERY]
[وپل شیھاوت، ہارورڈ یونیورسٹی]
[یہ CS50 ہے.] [CS50.TV]
آپ کے گھر میں ساتھ پیروی کر رہے ہیں تو، آپ کو اصل میں آن لائن میری سلائڈ تک رسائی حاصل کر سکتے ہیں
اس لنک پر جا کر.
یہ bit.ly. پر، TjjRWj ہے
آپ یہ بھی صرف، براہ راست یو آر ایل پر جا سکتے ہیں
جس میں میرا نام ہے جو cloud.cs50.net / ~ vshekhawat، ہے،
اور jquery.
میں انتہائی آپ کے گھر پر دیکھ رہے ہیں تو آپ کے ساتھ ساتھ پر عمل کرنے کی حوصلہ افزائی،
آپ یہاں ہیں تو اور بھی، یہ ایک بہت انٹرایکٹو پریزنٹیشن ہے.
>> آج تو، میں نے jQuery کے بارے میں بات کرنے جا رہا ہوں، اور سب سے پہلا سوال یہ ہے کہ
jQuery کیا ہے؟
اس سال، میں تم لوگوں کو جاوا اسکرپٹ کا احاطہ نہیں کیا ہے جانتے ہیں
ہم نے گزشتہ سالوں میں زیادہ سے زیادہ تفصیل کے طور پر میں.
جاوا سکرپٹ، سب سے پہلے، صرف ایک کلائنٹ سائڈ زبان ہے
آپ کو ہر ایک صارف کی مشین پر سکرپٹ اور کوڈ کو چلانے کے لئے استعمال کرتے ہیں.
تو کیا تم لوگوں پر ویب صفحات کو فراہم کرتا ہے کہ ایک سرور ہے
لیکن آپ کو، ان کی مشین پر چیزیں کرنا چاہتا ہوں ہو سکتا ہے
آپ کے سرور ہر 30 سیکنڈ یا اس طرح کچھ کرنے کے لئے درخواستیں بھیجنے کیلئے ان کی مشین سے دعا گو ہیں.
آپ کو جاوا اسکرپٹ کا استعمال کرتے ہوئے ایسا کر سکتے ہیں.
JQuery صرف جاوا سکرپٹ کے سب سے اوپر پر زیادہ فعالیت فراہم کرتا ہے
کہ آپ کے لئے اضافی سامان کرتا ہے.
آپ سب سے اوپر پر مندرجات پر نظر ڈالیں، تو
کہ آپ کرنے کے قابل ہو کہ سامان میں سے کچھ بیان کرتا ہے.
تو مجموعی طور پر، یہ جنوری 2006 میں بنایا گیا تھا.
یہ سب سے پہلے اگست 2005 میں کے پیٹ میں کیا گیا تھا.
یہ ایک دو سال کے لئے کے ارد گرد کیا گیا ہے، اور یہ واقعی میں نئی ​​ویب 2.0 تحریک کا حصہ ہے
کہ انٹرنیٹ اتنی چمکدار بنایا ہے.
یہ سب سے زیادہ وسیع پیمانے پر استعمال جاوا سکرپٹ لائبریری ہے.
19.6 ملین سے زائد ویب سائٹس یہ استعمال کر رہے ہیں، اور استعمال بھی اضافہ ہو رہا ہے
builtwith.com کے مطابق، جو، بظاہر، جو گزشتہ سال کے مقابلے میں،
صرف مسلسل منصفانہ linearly اضافہ ہوا ہے.
سب سے اوپر 10 ملین سائٹس کے علاوہ، وہاں اب بھی ہے -
ان میں سے تقریبا 40٪ فی الحال اسے استعمال کر رہے ہیں.
فیس بک پر اسے استعمال کرتا ہے، دوسری ویب سائٹس کے بہت سے فی الحال اسے استعمال.
اگر آپ چاہیں تو آپ کو اپنے پر ان کے اعداد و شمار دیکھ سکتے ہیں.
یہ ایک بنیادوں اور 13 بورڈ اراکین ہے کیونکہ اور تم، یہ legit بتا سکتا ہوں
ایک باقاعدہ بنیاد پر اس پر کام کرنے والے 20 افراد کی ایک ٹیم کے ساتھ مل کر.
تو یہ بہت ہی وسیع پیمانے پر استعمال کیا جاتا ہے، یہ ایک. تنظیم یو آر ایل ہے کہ یہ پسند ہے،
دوسرے سامان کے لیے سپن آف ہے، تو یہ ایک بڑا سودا ہے.
>> تم اسے کیوں کا استعمال کرنا چاہئے؟ JQuery بہت ہلکا پھلکا ہے.
بس یہی ایک بہت بڑی فائل نہیں ہے کا مطلب ہے. آپ ڈاؤن لوڈ کرسکتے ہیں
minified فائل، جس میں تمام سفید جگہ اور تبصرے کے بغیر ہے، اور یہ صرف 32 KB ہے.
تو یہ صرف آپ کے ویب صفحے پر ٹاس کرنا آسان ہے
اور صرف اس کا استعمال کرتے ہوئے شروع کرنے کے لئے.
یہ بھی بہت موثر انداز میں لکھا گیا ہے، تو اس کی ایک بہت کچھ لے نہیں ہے -
آپ اسے استعمال بہت جب یہ آپ کی ویب سائٹ کی رسائی سست کر نہیں کرتا.
یہ آپ نے پہلے unfeasible تھا کہ چیزوں کو لاگو کرنے کی اجازت دیتا ہے.
فعالیت کے کچھ پہلوؤں ہیں،
متحرک تصاویر پیدا کرنے کی طرح، کہ عام طور پر ایسا کرنے کی بہت، بہت مشکل ہو جائے گا.
لیکن jQuery میں وہ اصل میں بہت آسان ہیں.
اور ایسا کرنے کے لئے پریشان کن ہے کہ کچھ چیزیں ہیں،
جاوا اسکرپٹ میں ممکن، ایک پوسٹ کی درخواست بھیجنے کی طرح،
لیکن ایک سرور سے ایک درخواست بھیجنے کے لئے، آپ کو لکھنا ہے
کوڈ کے پانچ یا چھ یا سات لائنوں.
اب تم صرف ایک ہی فنکشن کال میں، کوڈ کی ایک لائن میں یہ کر سکتا ہوں.
یہ واقعی تم کر رہے ہو کہ بہت ساری چیزیں آسان بنا دیتا ہے.
اور تمام ڈاؤن لوڈ، اتارنا بچوں کو یہ استعمال کر رہے ہیں. اس کی طرف سے، میرا مطلب.
میرا آخری منصوبے میں گزشتہ سال جو، news.whrb.org ہے
ریڈیو سٹیشن کے لئے ہے، جو میں نے اس بلاگ کو پیدا کیا
جو ہم نے کیا ہے اس سے ظاہر ہوتا ہے اور ان کے لئے MP3 فائلوں کی میزبانی.
آپ ماضی سے ظاہر ہوتا ہے کے ذریعے براؤز کر سکتے ہیں
اور یہ سب jQuery کا استعمال کرتے ہوئے کیا ہے. آپ کو بتا سکتی
کیونکہ ان تمام متحرک تصاویر کے، بنیادی طور پر.
آپ کے پاس تو اگر - اگر آپ کو ایک نیا پیغام پیدا کر رہے ہیں تو،
اگر آپ ان چھوٹی slideDowns دیکھو، کہ تمام jQuery کا استعمال کرتے ہوئے کیا ہے.
اور یہ دھندلا - تو چیزیں اس طرح کی تمام، jQuery کا استعمال کرتے ہوئے کیا جاتا ہے
اور آپ کو مسلسل سائٹ پر تشریف لے کرنے کے لئے صفحہ دوبارہ لوڈ کریں کی ضرورت نہیں ہے.
jQuery استعمال کرتے ہوئے بنایا ہے کہ ایک ٹھنڈی چیز یہ پیشکش ہے.
میں، scrolldeck بلایا یہ اوپن سورس چیز استعمال کر رہا ہوں
جس کسی jQuery کے سب سے اوپر پر لکھا.
آپ اصل منبع پر نظر ڈالیں تو، آپ اس کو دیکھ سکتے ہیں
وہ اس ڈالر کا نشان استعمال کر رہے ہیں؛ ڈالر نشانیاں
ایک تقریب میں ایک jQuery تقریب ہے کہ نشاندہی کرنے کے لئے jQuery میں استعمال کیا جاتا ہے.
تو وہ jQuery کے سب سے اوپر پر ایک چادر وضاحت کر رہے ہیں
کہ آپ اس طرح ایک پریزنٹیشن بنانے کے لئے کی اجازت دیتا ہے
اور آپ، یہاں وہ اصل jQuery فائل بھی شامل رہے ہیں دیکھ سکتے ہیں
جس jQuery استعمال کرنا چاہتے ہیں تو آپ کو شامل کرنے کے لئے پڑے گا کیا ہے
آپ کی اپنی ویب سائٹس میں.
>> اس پر چھو، تم اسے کس طرح انسٹال کروں؟
آپ کو صرف فائل jQuery.com اور ڈاؤن لوڈ کرنے کے لئے جا سکتے ہیں
ایک ویب ڈائریکٹری میں شامل کریں اور اس میں شامل ہیں.
تو صرف سب سے اوپر پر، آپ کے HTML فائل کے سربراہ ٹیگ میں
اپنے بنیادی ایچ ٹی ایم ایل فائل کی، صرف کوڈ کا اس لائن ہے
آپ استعمال کر رہے ہیں jQuery کی جس کے ورژن کے لئے درست ورژن کے ساتھ.
آپ jQuery.com پر جا کر اسے ڈاؤن لوڈ کر سکتے ہیں
"، ڈاؤن لوڈ، اتارنا jQuery" پر کلک کریں اور آپ کو اسے مل گیا ہے. یہی ہے.
اور اصل میں، ہم اسے کس طرح نظر آئے پر ایک نظر ڈالیں کر سکتے ہیں.
آپ یہاں ڈاؤن لوڈ، اتارنا پر کلک کریں، تو jQuery یہ ہے.
یہ آپ کے لئے تمام جادو چیزیں کرتا ہے صرف ایک بڑا جاوا اسکرپٹ فائل ہے.
یہ بالکل پڑھنے کے قابل نہیں ہے جس minified ورژن، ہے.
آپ یہ بھی پڑھنے کے قابل ہے جو، ترقی ورژن میں دیکھ سکتے ہیں
لیکن اب بھی بہت، بہت طویل.
یہ وہاں بہت ساری چیزیں ہے.
آپ بھی اس میں سے گوگل کی میزبانی ورژن منسلک کر سکتے ہیں.
تاکہ آپ کو صرف یہ فراہم کرنے کے لئے گوگل پر انحصار کرنے کی اجازت دیں گے.
وہ ہر وقت دستیاب اس کے ہر ورژن، فراہم کرتے ہیں.
تو آپ شاید آپ کے لئے اس کی میزبانی کے لئے گوگل پر بھروسہ کر سکتے ہیں.
یا آپ jQuery کی اپنی تازہ ترین ورژن کے لئے لنک کر سکتے ہیں.
وہ ہمیشہ تازہ ترین ورژن پر اپ ڈیٹ کر دیا ہے کہ یو آر ایل ہے.
، یہ jQuery-تازہ ترین ہے، اور اس کے ساتھ ایک مسئلہ ہے
جس میں یہ ہے کہ اگر اپ ڈیٹ jQuery اور گزشتہ فعالیت میں سے کچھ
وہ retrograded یا فرسودہ ہو جاتا تھا
یہ نہیں ہو سکتا - یہ اب کی حمایت نہیں کرنے کے لئے شروع کر سکتے ہیں.
آپ، ورژن 1.8.2 کا استعمال کرتے ہوئے ایک ویب سائٹ لکھنا تو اگر
وقت ورژن 2.7 باہر آتا ہے
آپ نے لکھا کے افعال میں سے کچھ اب کام نہیں کرتے.
تو یہ، 32 KB فائل صرف ڈاؤن لوڈ کرنے کے بہتر ہے
آپ کے ویب صفحے پر ڈال دیا، اور اسے ہمیشہ کے لئے کام کریں گے.
>> میں آگے بڑھو اور jQuery کی اصل فعالیت کے بارے میں بات شروع کرنے کے لئے جا رہا ہوں.
پہلی بات سلیکٹرز ہے. یہ jQuery ابتدائی طور پر فراہم کرنے کے لئے حاملہ ہوئی تھی.
اور آپ کو دیکھنے کے لئے دستاویزات پر کلک کر سکتے ہیں
میں ڈھکنے کا ہونے والا ہوں سلیکٹرز کے لئے تفصیلی دستاویزات.
سلیکٹرز کے پیچھے خیال ہے اگر آپ ایک صفحے پر HTML عناصر کو منتخب کر سکتے ہیں.
ایک صفحے پر عناصر کی شناخت اور کلاس اور ان کی شناخت کے دوسرے پہلوؤں کے بارے میں ہے.
بھی ہے - مختلف احکامات میں they're.
وہ ایک دوسرے کے اندر اندر در اندر کر رہے ہیں وقت میں سے کچھ.
JQuery آپ کے صفحے سے عناصر بازیافت اتنا آسان سوالات کی تعمیر کے لئے اجازت دیتا ہے.
پھر آپ، jQuery افعال کا استعمال کرتے ہوئے ان عناصر جوڑتوڑ کر سکتے ہیں
ہم بعد میں کرنے کے لئے مل جائے گا ہیرا پھیری کے سیکشن ہے.
آپ ایچ ٹی ایم ایل، سی ایس ایس کو تبدیل، تبدیل کر سکتے ہیں
آپ کو بھی متحرک اور بعض واقعات پر چالو کہ کام کرتا ہے شامل کر سکتے ہیں.
کچھ کلک کیا ہے تو، اگر مثال کے طور پر، آپ کو ایسا کرنے کے لئے کچھ کرنا چاہتے ہیں
آپ jQuery کے طور پر بھی استعمال کرتے ہوئے ایسا کر سکتے ہیں.
اور عناصر کو منتخب کرنے کے لئے طریقوں کی ایک بڑی تعداد میں موجود ہیں.
ان میں سے بیشتر، میں کبھی استعمال نہیں کیا ہے، لیکن بنیادی والے ہیں
جو بہت اہم ہیں.
عنصر سلیکٹر، مثال کے طور پر، اگر آپ نے ابھی کچھ بھی منتخب کر رہے ہیں
کہ div ہے - میں واقعی میں اس سلائڈ پریزنٹیشن کے لئے کھلے کوڈ ہے.
لہذا مثال کے طور پر، یہاں سب سے پہلے سلائڈ ہے.
یہاں ہم ایک div ہے. ہم واقعی اس صفحے پر تمام divs منتخب کرتے ہیں تو،
صرف ہم اس فائل میں موجود ہے کہ تمام divs کی ایک سرنی دے دونگا.
آئی ڈی سلیکٹر آپ کو ایک دی ID کے ساتھ کسی چیز کو منتخب کریں کی اجازت دیتا ہے.
یہ مثال کے طور پر، اس بات کو شناخت "کیا،" ہے اگر ایسا ہے تو
اور ہم # کیا بجائے کچھ ID کے ساتھ یہ کیا ہے تو،
یہ صرف ایک ہی عنصر ہے اور اس صفحے کے اس عنصر ہے کہ ایک سرنی واپس کردے گا.
ہم نے بھی حاصل کرنے سے سلیکٹرز اس طرح جمع کر سکتے ہیں
صرف divs ہیں کہ شناخت کے ساتھ چیزوں کو منتخب کریں.
ہاں تو. صرف اس آئی ڈی ہے کہ divs منتخب کریں.
کلاس کے لئے آپ کو صرف ایک نقطہ کا استعمال کرتے ہیں، یہ سی ایس ایس کے طور پر ایک ہی بات ہے.
ونشج بھی کام کرتا ہے، آپ کو کچھ کلاس ہے اگر ایسا ہے تو
مثال کے طور پر، تو - اور اسی طرح اس کے اندر اندر عناصر اندر در اندر ہے
وہاں کچھ کلاس ہے اور یہ کسی دوسرے صفحے سے منسلک کرنے کے لئے ایک اینکر ٹیگ ہے،
اگر آپ لنک دوبارہ حاصل کرنے کے لئے اس نحو استعمال کر سکتے ہیں.
تم نے بھی ایک بار میں ایک سے زیادہ چیزوں کو منتخب کر سکتے ہیں، صرف کی علامت کے ذریعے ان کو علیحدہ،
اگر آپ چاہتے ہیں کسی بھی سلیکٹر کا استعمال کرتے ہیں، اور آپ کو ایک ہی صف میں، ایک ہی وقت میں ان سب کو منتخب کریں گے.
اور پھر بھی سلیکٹر نہیں ہے، لہذا آپ کو تمام divs منتخب کر سکتے ہیں
کچھ مخصوص طبقے نہیں ہے.
اور یہ صرف یہ انتخاب کس طرح کام کرنے کے لئے ایک تعارف حاصل کرنے کے لئے ایک مفید طریقہ ہے.
میں ایک سیکنڈ میں کچھ ٹھوس مثال کے طور پر دکھاتا ہوں.
>> اعلی درجے کی سلیکٹرز ہیں - یہ صرف چند مثالیں ہیں.
وہاں ان میں سے درجنوں ہیں، لیکن آپ کو تمام تصویر کے ٹیگز منتخب کرنے کے لئے چاہتے ہیں تو
کچھ عنصر کے اندر اندر، تو آپ صرف کرتے ہیں: تصویر.
اگر آپ مثال کے طور پر، یہاں تک کہ عناصر کو منتخب کرنے کے لئے چاہتے ہیں، تو ان میں سے 20 ہیں تو،
آپ، 0، 2، 4، 6 اور اسی طرح منتخب کرنے کے لئے چاہتے ہیں
بھی، یا آپ یہ بھی کر سکتے ہیں: تم کرتے ہو عجیب.
یہ چھدم سلیکٹرز ہیں، جس میں وہ اصل میں گنتی کا مطلب ہے کہ
ہر دوسرے عنصر نہیں بلکہ صرف جا کر اور ان سب کو منتخب کرنے سے زیادہ.
آپ یہ بھی کر سکتے ہیں - ہر عنصر بھی مخصوص اوصاف کر سکتے ہیں.
لہذا مثال کے طور پر کلاس = مرکز بھی ایک وصف ہے.
اس اینکر ٹیگ کے لئے، href کی، ہایپر ٹیکسٹ ریفرنس، بھی ایک وصف ہے.
یہ واقعی عام ہے - تو آپ کو ایک مخصوص صفحے یا صرف لنکس کہ کچھ منتخب کر سکتے ہیں.
اگر آپ چاہتے ہیں کہ کسی بھی وصف کے ساتھ کچھ بھی منتخب کر سکتے ہیں.
اور پھر، بھی، وصف پر مشتمل ہے.
اگر آپ مثال کے طور پر تمام ان پٹ کے عناصر کو منتخب کرنے کے لئے کرنا چاہتا تھا تو
کہ، ان کے نام کے طور پر لفظ "پاس" ہے
ایک صفحے کو ایک ان پٹ متن کا ٹکڑا ہے تو
کہ تم نے اس کو منتخب کر سکتے ہیں کا ایک طریقہ ہو گا کہ "پاس ورڈ" کہا جاتا ہے.
اور بہت زیادہ ہیں. تم آگے بڑھو اور دستاویزات میں دیکھ سکتے ہیں
اور یہ کس طرح کام کرتا کے مخصوص مثالیں ملاحظہ کریں.
>> اگلی بات یہ ہے ڈوم ہیرا پھیری ہے.
ہم عناصر کو منتخب کرنے کے بعد، ہم اصل میں ان کے ساتھ چیزیں کرنا چاہتا ہوں گے.
ابھی تک ہم سب اس کی طرف دیکھا، لیکن نہیں کیا ہے آپ کو دستاویزات پر نظر ڈالیں تو،
ہم کیا کر سکتے ہیں ایک بہت کچھ واقعی ہے.
اس مرحلے پر، ہم اس کی پریزنٹیشن پر عناصر کو منتخب کرنے کے لئے جا رہے ہیں
اور ان jQuery کا استعمال کرتے ہوئے جوڑتوڑ.
اس jQuery کا استعمال کرتے ہوئے لاگو کیا جاتا ہے کیونکہ، ہم، jQuery لائبریری تک رسائی حاصل ہے
اور ہم اس کوڈ کے اندر اندر ان لوگوں کے افعال کو استعمال کرسکتے ہیں.
آپ کے بارے میں معلوم نہیں ہو سکتا کہ ایک مفید چیز کنسول ہے.
اور گوگل کروم میں استعمال کر رہا ہوں کیا ہے. آپ ALT کمانڈ J دبائیں کر سکتے ہیں
یا ALT کنٹرول J کنسول کھولنے کے لئے.
فائر فاکس میں میں نے اس کے حکم کی شفٹ کشمیر یا کنٹرول شفٹ کے خیال سے
سفاری میں آپ کو کچھ ترتیبات تبدیل جانا پڑے.
وہاں آپ یہ کرنا چاہتے ہیں تو ایک لنک ہے، لیکن میں کروم یا فائر فاکس حاصل کرنے کی سفارش کرتے ہیں.
تو کی کنسول کھول دو، یہ یہاں نیچے ہے.
یہ آپ کو بنیادی طور پر آپ چاہتے ہیں کچھ بھی کر صرف اجازت دیتا ہے.
تو کیا تم صرف ایک متغیر X کہا جاتا ہے تخلیق میں ٹائپ کر سکتے ہیں
X = 5، X + 2 کیا ہے دیکھتے ہیں.
آپ کاوچ سرفنگ کے ایسا کچھ بھی کر سکتے ہیں + چلو دیکھتے ہیں، ایکس CS50 ہو جائے گا + 45،.
آپ کو صرف کچھ مخصوص جاوا اسکرپٹ چیزیں کر سکتے ہیں.
لیکن آپ کو بھی یہاں میں jQuery کر سکتے ہیں.
>> تو یہاں یہ پہلی پہلو پر نظر رکھیں.
ہم ایک تار ہے جو ایچ ٹی ایم ایل، نامی ایک متغیر پیدا کرنے کے لئے جا رہے ہیں.
یہ کچھ نئے متن کہا جاتا ہے کہ اس میں ایک پیراگراف ٹیگ ہے.
تو ہم یہ ایچ ٹی ایم ایل ہے، یہ پیراگراف ٹیگ میں، کچھ نئے متن ہے.
اب ہم اصل صفحہ میں شامل کرنا چاہتے ہیں.
میں نے اس پیراگراف کے لیے ایچ ٹی ایم ایل، یہاں اس عنوان، شامل ID ہے تاکہ وہ قائم کی.
پھر ہم شامل آئی ڈی کو منتخب کریں اور اگر اسے شامل
میں نے ابھی پیدا کیا ایچ ٹی ایم ایل متغیر،
یہ درست ہے اس پیراگراف ٹیگ کے بعد، آخر میں ہے کہ ایچ ٹی ایم ایل میں شامل کیا جائے گا.
ہم ایسا کریں تو - ہم، اس پیراگراف منتخب
اور ہم، میں صرف ایچ ٹی ایم ایل میں شامل متغیر کے ساتھ شامل کی تقریب میں بلایا ہے
اس صفحے پر ابھی وہاں کہ نئے متن کا اضافہ کریں گے.
ہم نے بھی اس عنصر کے آغاز میں، اس سے پہلے جائیں گے جس کا مطلب ہے، prepend کرسکتے ہیں.
تو شروع اور بعد میں کچھ نئے متن موجود نہیں ہے.
میں آگے بڑھیں اور میں نے ابھی کیا ہے یہ سب سے چھٹکارا حاصل کرنے ریفریش کر سکتے ہیں.
لیکن یہ آپ prepend استعمال کر سکتے ہیں کہ کس طرح ایک مثال ہے اور طریقوں شامل
صفحے پر چیزیں جوڑتوڑ، کچھ HTML شامل کریں.
>> آپ بھی کلاس تبدیل کر سکتے ہیں.
پیچھے اگلا، دوسرا اس انداز فائل میں، میں جیت کے طبقے کے لئے یہ بنایا ہے
اس متن کا رنگ سرخ، کچھ پس منظر کا رنگ، اور ایک متن کی چھایا ہے.
یہ ڈراونا لگ رہا ہے، لیکن میں واقعی میں کر سکتے ہیں -
اس پیراگراف کلاس ID کے لئے مساوی ہے.
تو میں جیت کے لئے کلاس کے شامل کر سکتے ہیں.
میں، کنسول میں اس پھانسی کر سکتے ہیں
اور یہ کہ اس کلاس کا اضافہ کریں گے، اور اب یہ ڈراونا لگ رہا ہے، کے طور پر امید کی جاتی ہے.
سی ایس ایس کے خود کار طریقے سے کہ کلاسیں آپ پر لاگو ہو جاتا ہے -
ایک کلاس کے لئے سی ایس ایس ہے، تو یہ خود کار طریقے سے لاگو کیا جاتا ہے
آپ کو ایک عنصر کے طبقے میں تبدیلی ہو.
پھر ہم صرف ہٹائیں کلاس کا استعمال کرتے ہوئے اسے ختم کر سکتے ہیں.
آپ کو سرخ یا روشنی ڈالی کی طرح کچھ پیش وضاحتی کلاس ہے، اگر ایسا ہے تو
اور پھر آپ، عناصر ان لوگوں کو لاگو کرنا چاہتے ہیں
آپ کو ہر وقت اسٹائل تمام سی ایس ایس کرنے کے لئے ضرورت نہیں ہے.
آپ کو صرف ایک عنصر طبقے کو شامل کر سکتے ہیں، اور پھر یہ خود بخود بن جائے گا -
یہ خود کار طریقے کہ کلاس کے لئے مناسب لگے گا.
ہم نے بھی چیزوں کو ختم کر سکتے ہیں، تو میں نے تمام divs منتخب کرنے کے لئے جا رہا ہوں
صفحے پر اور انہیں خارج کر دیں.
اس طرح دیکھنے کے لئے کیا جا رہا ہے؟
یہ کچھ بھی نہیں کی طرح نظر آتے جا رہا ہے، تو اصل میں کچھ بھی نہیں بچا ہے.
میرا ڈیمو چلا گیا ہے.
میں نے خوش قسمتی سے، تازہ کاری کریں اور اسے واپس لا سکتے ہیں
یہ صرف ایک بار چلا رہا ہے، کیونکہ
آپ کو مکمل طور پر صفحہ دور ایک عنصر کو تباہ کرنا چاہتے ہیں لیکن اس سے، ہٹانے کی ایک مثال ہے.
>> آپ یہ بھی ادلیکھت کر سکتے ہیں، اور میں صفحے پر تمام پیراگراف ٹیگ منتخب کرنے کے لئے جا رہا ہوں
اور ان کے اندر جاکر انہوں نے ان میں جو کچھ بھی متن کی جگہ لے لے
کے ساتھ صرف لفظ "کی جانچ."
آپ ایسا کرتے ہیں تو، آپ اس کی جانچ کے ساتھ صفحے پر ہر پیراگراف کی جگہ لے لیں گے.
جی ہاں. ان سب کی جانچ سے تبدیل کر رہے ہیں.
تاکہ متن تک رسائی حاصل کرنے اور اس overwriting کی ایک مثال ہے.
آپ یہ بھی معلومات حاصل کر سکتے ہیں، اور اس ان پٹ باکس کے لئے واقعی ڈاؤن لوڈ، اتارنا ہے.
تم لوگوں کو میں چیزیں ٹائپ کر رہے ہیں کہ ایک ان پٹ باکس، ہے تو
لوگوں کو اس میں چیزیں ٹائپ کر رہے ہیں،
یہاں ہم ان پٹ، متن کی ایک قسم کے ساتھ کسی بھی ان پٹ ٹیگ منتخب کریں.
اس صورت میں، پوری ڈیمو میں صرف ایک ان پٹ باکس، ہے
لہذا ہم صرف پہلے ایک کو منتخب کریں گے، اور پھر ہم اس پر ویل تقریب کہتے ہیں.
یہی وجہ ہے کہ قیمت واپس، اور ایک ان پٹ باکس کے لئے
قیمت اس کے اندر بننے کے لئے جو کچھ ہوتا ہے تو صرف ہے.
ہم ایسا کرتے ہیں تو، یہ صرف سٹرنگ چیزیں واپس.
ہم زیادہ چیزیں لکھنے کے بعد اسے دوبارہ فون اور اگر اسے زیادہ چیزیں میں بدل جاتا ہے.
یہی وجہ ہے کہ دیکھنے کے لیے تو ایک ان پٹ باکس کے عناصر تک رسائی کے لئے ایک عظیم طریقہ ہے، اور
یہ ایک درست ای میل ایڈریس ہے، اس کی مثال کے طور پر، ایک درست تاریخ ہے.
لوگ اسے ٹائپ کر رہے ہیں کے طور پر آپ کو صرف فوری طور پر چیزیں حاصل کر سکتے ہیں
اور پھر، یہ درست ہے یا نہیں دیکھنے کے لیے ایک سرور پر اسے واپس بھیج دیں، آپ اس کے ساتھ کرنا چاہتے ہیں کچھ بھی کر.
اور یہ کہ آپ کو ان خانوں کے اندر کیا ہے تک رسائی حاصل کرنے کا طریقہ یہ ہے.
>> آپ بھی اس کی بجائے انہوں نے مزید کہا کی ایسا ہے، تو براہ راست سی ایس ایس میں ترمیم کرسکتے ہیں
کچھ پیش وضاحتی خصوصیات ہیں کہ ایک کلاس،
آپ کو صرف آپ کو کچھ کرنا چاہتے ہیں جو سی ایس ایس شامل کر سکتے ہیں.
پورے پریزنٹیشن ہے جو تو چلو منتخب جسم،،
اور رنگ متن کیا ہے رنگوں کی وضاحت کرتا ہے کہ ملکیت ہے.
ہم سرخ رنگ میں تبدیل کر دیا ہے تو، صفحہ میں تمام متن سرخ کرنے کے لئے بند ہو جائے گا.
ہم نے نیلے رنگ کے پس منظر کا رنگ کی طرح کچھ بھی کر سکتے ہیں
وہاں ہم نے جانا؛ یہ خوبصورت ہے.
کیا آپ واقعی یہ کرنا چاہتے ہیں کے ساتھ کچھ بھی کر سکتا ہے.
سی ایس ایس کی جائیداد کا استعمال کرتے ہوئے، آپ واقعی کچھ بھی کسی بھی وقت لگ رہا ہے کہ کس طرح تبدیل کر سکتے ہیں.
اگلی چیز کے اثرات ہے.
اثرات، بنیادی طور پر سی ایس ایس میں تبدیلی کرنے کے طور پر ایک ہی بات کر رہے ہیں
لیکن وہ اصل میں اس پر کچھ اضافی حرکت پذیری فراہم کرتے ہیں.
تو بجائے صرف رنگ دکھا یا کچھ چھپا یا تبدیل کرنے کا،
آپ اصل میں اسے متحرک کر سکتے ہیں.
تم اس کے لئے وسیع پیمانے پر دستاویزات پر ایک نظر ڈالیں کرنا چاہتے ہیں تو یہاں دستاویزات، ہے.
لیکن میں اہم لوگ پورا کرنے کے لئے جا رہا ہوں.
شو اور چھپائیں خصوصیات موجود ہیں.
ID دراصل اس پورے باکس سے میل دکھائیں / چھپائیں،
میں نے اسے چھپا تو، یہ صرف غائب ہو جائے گا.
میں نے اس کے واپس آنے بنانا چاہتے ہیں تو میں اسے دوبارہ دکھا سکتے ہیں.
اور یہ واپس آ گیا ہے. یہ اصل میں، غائب نہیں تھا
میں واقعی میں کے صفحے سے اسے ختم نہیں کیا، میں صرف کرنے کے لئے کی نمائش کو پوشیدہ کی سی ایس ایس جائیداد مقرر
لہذا آپ اب اسے دیکھ نہیں سکتا.
وہاں بھی اپ سلائڈ اور نیچے سلائڈ ہے، تم اس کے اثر کی اجازت دیتا ہے.
یہ غائب کرنے کے لئے سلائڈ، اور اس کے بعد غائب
تم نے اسے واپس آئے بنانے کے لئے نیچے سلائڈ کر سکتے ہیں. اور اب واپس آ گیا ہے.
دھندلا ID اس باکس سے میل - جو دھندلا اثر، بھی ہے.
میں اسے ختم، تو آہستہ آہستہ غائب ہو جائیں گے.
میں نے بھی اس میں ختم ہو سکتا ہے، اور وہ واپس آ جائے گا.
آپ یہ بھی دھندلا تقریب کے لئے مخصوص ہے، پر دھندلا کر سکتے ہیں.
تم نے اسے جو آپ چاہتے ہیں کسی بھی مخصوص دھندلاپن کرنے کے لئے ختم کر سکتے ہیں.
آپ .5 پر آہستہ آہستہ یہ ختم ہو جائے تو اس نصف دیکھ سکتے ہو جائے گا.
میں یہ .1 پر جانے کے کر سکتے ہیں، اور واپس 1 اسے دوبارہ مکمل طور پر نظر آتا ہے بنانے کے لئے.
یہ صرف آپ کر سکتے ہیں کہ ایک اور حرکت پذیری ہے.
>> ٹوگل اثرات بھی ہیں.
لہذا میں اس باکس سے میل جو ٹوگل ID، منتخب کرنے کے لئے جا رہا ہوں
اور یہ کہ div پر آپ ٹوگل کال کر سکتے ہیں، یہ نظر آتا ہے تو پوشیدہ ہو جائے گا،
یہ پوشیدہ ہے تو اسے پھر سے دیکھ سکتے ہو جائے گا.
تو میں صرف دو بار اس ٹوگل تقریب کہا جاتا ہے، سب سے پہلے ایک تھا
چھپائیں کے طور پر ایک ہی بات، دوسری کال ایک شو کے طور پر ایک ہی بات تھی.
اور تم بھی ایک دھندلا ٹوگل کے ساتھ ایسا کر سکتے ہیں
جس میں یہ اصل میں fades سوائے ایک ہی بات، کرتا ہے.
اور سلائڈ کے ساتھ ایک ہی بات بدلنے کے لئے.
جکڑے اثرات کے ساتھ ساتھ موجود ہیں، جس کا مطلب ہے کہ
آپ کو ایک عنصر کو منتخب کریں اور صرف اس پر حرکت پذیری طریقوں میں سے ایک گروپ کو فون کرتے ہیں تو،
تم اسے باہر ختم کرنا چاہتا تھا، تو، نیچے سلائڈ
اور پھر چھپانے اور اس کے بعد میں ختم، یہ ایک صف میں ان پر عمل کرو گے.
تو غائب ہو گیا، واپس آ گیا - کسی وجہ سے، چھپائیں ایسا نہیں ہوا.
اسے باہر کی کوشش کرتے ہیں. جی ہاں، تو اسے باہر کی چمک کم ہے اور پھر اسے دور slid.
اور بہت زیادہ ہیں. آپ ذی تقریب میں استعمال کر سکتے ہیں
آپ کی اپنی متحرک تصاویر پیدا کرنے کے لئے، جو، کافی پیچیدہ ہے
لیکن یہ لامتناہی extensibility کے ساتھ آپ کو فراہم کرتا ہے.
تم جو چاہتے حرکت پذیری کسی بھی قسم کے کر سکتے ہیں.
آپ یہ بھی ایک وقت میں ایک سے زیادہ متحرک تصاویر اوپر قطار قطار استعمال کر سکتے ہیں.
لہذا، آپ کے صفحے بھر میں پرواز کرنے کے لئے کچھ کرنا چاہتے ہیں تو
نیچے بائیں طرف اوپر دائیں سے سلائڈ، آپ یہ کر سکتے ہیں
اور صرف ایک کے بعد ایک جا کے اعمال کا ایک مجموعہ ہے.
>> ہم کے بارے میں بات کرنے جا رہے ہیں اگلے چیز واقعات ہے.
واقعات آپ کی اجازت دیتے ہیں - اب تک، ہم صرف کنسول میں چیزیں ٹائپ کر دیا گیا ہے
اور یہ کہ، ایسا کرنے کے لئے ایک طریقہ ہے
لیکن ایک حقیقی صفحے پر، آپ کرنے کے قابل ہو نہیں جا رہے ہو
کنسول میں صارف کی قسم چیزیں بناتے ہیں.
تم چیزوں کو خود کار طریقے سے ہو کرنا چاہتے ہیں.
اس کے لئے، آپ کو کچھ مخصوص واقعہ پر چالو ہو رہا ہے کہ واقعات کو استعمال کرنے کی ضرورت ہے.
آپ کو مکمل تفصیلات کے لئے دستاویزات چیک کر سکتے ہیں.
تو دیکھتے ہیں. ہم نے باکس دکھائیں یا دکھانا چاہتے ہیں
میں نے ابھی تک اس پر عملدرآمد نہیں کیا لیکن ابھی اس بٹن کو کچھ بھی نہیں ہے.
میں اصل HTML پیج پر جانے کے لئے جا رہا ہوں.
یہاں سلائڈ ہے. سلائڈ کے لئے ایک div ہے.
یہ سلائڈ کی کلاس ہے.
متن موجود نہیں ہے. اب، اس باکس اور باکس بٹن ہے.
ہم کس طرح اصل میں یہ غائب ہو گے؟
سب سے پہلے، کی باکس ID غائب ہے کہ ایک تقریب لکھ دو.
یہ funtion کے لئے نحو ہے، کی صرف یہ hideTheBox فون ہیں.
لیا جائے دلائل نہیں ہیں کیونکہ یہ کسی بھی دلائل لے نہیں ہے.
ہم ID باکس کو منتخب کر سکتے ہیں.
منتخب jQuery کا استعمال کرتے ہوئے تو، ہم، باکس ID انتخاب کر سکتے ہیں
اور اس کے بعد صرف یہ غائب ہو کر سکتے ہیں.
چلو اسے ختم کر سکتے ہیں.
ہم اصل کنسول میں اس تقریب بھاگ گیا تو
ہم نے اس تقریب کی وضاحت کر سکتے ہیں، ہم hideTheBox کال کر سکتے ہیں، اور یہ کام کرتا ہے.
لیکن ہم اصل میں بٹن دبایا جاتا ہے تو ایسا کرنا چاہتے ہیں.
ایسا کرنے کے لئے، ہم نے ایک تقریب کا استعمال کرنا ہوگا.
کچھ مخصوص بٹن یا کچھ کارروائی ہو رہا کرنے کے لئے ایک تقریب پابند کرنے،
ہم ایونٹ ٹرگر کیا جائے گا کہ عنصر کو منتخب کرنا پڑتا ہے -
یا یہ کہ افسوس ہے، ایونٹ شروع ہو جائے گی.
>> سب سے پہلے تو، بکس بٹن ID کو منتخب کرتے ہیں
کیونکہ اس کے بٹن کے لئے، اب بٹن ہے، اور،
ہم نے اسے کلک کیا ہے جب ایک حرکت پذیری بنانے کے لئے چاہتے ہیں.
تو اس پر کلک کریں تقریب ہے.
یہ آپ کو اس کی ایک اور تقریب پابند کرنے کی اجازت دیتا ہے.
یہ تقریب ایک دلیل کے طور پر ایک اور تقریب میں لیتا ہے
ہم hideTheBox تقریب میں منتقل کر سکتی ہیں
اور اس بٹن کو کلک کیا جاتا ہے جب بھی اس تقریب خود کار طریقے سے عملدرآمد کیا جائے گا.
تو یہ ہے، ہم اس کو بچانے کے لئے تو میں تازہ گے کام کریں گے
اور - ایک سیکنڈ، میں معافی چاہتا ہوں.
مجھے واقعی بہت تیزی سے اس کو ٹھیک کرتے ہیں.
ٹھیک ہے. وہاں ہم چلے. ہم بٹن پر کلک کریں جب تو اب باکس غائب ہے.
ہم نے بھی، صرف fadeToggle کرنے کے لئے اس کو تبدیل کرسکتے ہیں
باکس دکھائیں یا دکھانے کے لئے صرف اسے تبدیل،
ہم کو تازہ اور اگر یہ بھی، بھی کام کریں گے.
ہم نے اسے چھپا سکتے ہیں، ہم کو یہ بھی دکھا سکتے ہیں، اور یہ کہ کام کرنے کے لئے جاری رہے گی.
ہم کر سکتے ہیں ایک اور چیز ہے، ہم اصل میں اس hideTheBox تقریب کی وضاحت کرنے کی ضرورت نہیں
ہم کلک فنکشن کال سے پہلے.
تو بجائے تقریب وضاحت اور hideTheBox بلا کی،
ہم صرف اس بات کو کلک کیا جاتا ہے تو اسے فون کرنے جا رہے ہیں.
تو ہم، یہاں میں یہ گمنام وضاحت کر سکتے ہیں
جو جاوا سکرپٹ ہے کہ ایک خصوصیت ہے.
آپ نے ایک تقریب کی وضاحت کر سکتے ہیں، عام طور پر، ہم تقریب hideTheBox کہیں گے
دلائل کے ساتھ، بلکہ اس کی بجائے، ہم صرف، دلائل کوئی کام کہہ سکتے ہیں
، تقریب کی وضاحت کرنے کے گھوبگھرالی منحنی خطوط وحدانی شروع
کہ گھوبگھرالی منحنی خطوط وحدانی کے قریب، اور پھر صرف یہاں میں تقریب کی وضاحت
سب سے پہلے قوسین اور آخری قوسین کے اندر
اس کلک تقریب کے دلائل کے مطابق ہیں.
ہم نے اس تقریب میں گزر رہے ہیں تو، ہم یہیں پر کوڈ کی اس لائن کاپی کر سکتے ہیں،
اور یہ کہ بالکل وہی کام کریں گے.
اور اب ہم اس بے ترتیب fadeTheBox تقریب نہیں ہے
کہ کوئی ظاہر وجہ کے لئے کے ارد گرد بیٹھی ہے.
تقریب گمنام بیان کیا گیا تھا، یہ ایک نام نہیں ہے.
ہم باکس کے بٹن پر کلک کریں جب یہ صرف عملدرآمد کیا جائے گا.
تو تازہ کاری کر ایک بار پھر، ایک بار، اور آپ کو یہ اب بھی کام کرتا ہے دیکھ سکتے ہیں.
اور یہ کہ آپ واقعات کو پیدا کرتا ہے.
>> ہم استعمال کر سکتے ہیں کہ مختلف واقعات کی ایک بہت ہیں.
میں نے ابھی کس طرح ان کا کام آپ کو ظاہر کرنے کے لئے کنسول استعمال کرتے ہوئے کرنے کے لئے واپس سوئچ کرنے کے لئے جا رہا ہوں.
ان میں سے ہر ایک کے لئے شناخت ہر باکس کے مطابق ہیں.
اس باکس پر کلک کریں ID ہے تو، یہ ایک کلید کی شناخت ہے، اور یہ ایک ماؤس ID ہے.
بجائے ہر وقت اسے باہر ٹائپ، ایک بات اور اس عمل کی تقریب کہ وہاں ہے
میں واقعی میں آگے چلے گئے اور یہاں اس فعل کی تقریب نیچے بیان کیا.
یہ hideTheBox تقریب کے طور پر ایک ہی بات کرتا ہے.
یہ باکس اور fades اسے باہر یا اندر fades یا تو یہ ہو جاتا ہے
ہم یہاں اس کا استعمال کرنے کے قابل ہو اور اس وجہ سے ہے.
ہم اس پر کلک کریں ID پر کلک کریں تو، ہم باکس غائب یا ظاہر کرنے کے لئے چاہتے ہیں.
یہ ہم نے گزشتہ سلائڈ میں تھا کہ بٹن طور پر ایک ہی بات ہے.
ہم اس فون اب کے بعد، ہم اس پر کلک کریں کر سکتے ہیں اور باکس غائب ہو جائے گا
پھر اس پر کلک کریں اور باکس دوبارہ کرے گا.
یہ بہت آسان ہے. ڈبل کلک کریں، ایک ہی بات کرتا ہے
سوائے یہ ایک ڈبل کلک کریں کی ضرورت ہے.
تم نے ایک بار اس پر کلک کریں اور دوبارہ اس پر کلک کریں تو کچھ بھی نہیں، ہو گا
لیکن آپ کو فوری طور پر ڈبل کلک کریں تو یہ غائب ہو جائیں گے.
آپ ڈبل دوبارہ کلک کریں، تو یہ واپس آئے گا.
تو یہ بہت آسان ہے.
کی بورڈ شارٹ پٹ عجیب قسم کا ہے، میں یہ اصل میں اس مثال میں کام نہیں لگتا
کی وجہ سے نیچے کی کلید، کلیدی اپ اور اہم پریس اور دیگر اہم افعال
یہ آپ کو پابند کیا عنصر سے کوئی فرق نہیں چالو کرنے کے.
مثال کے طور پر، میں جسم یا مکمل طور پر کچھ کرنے کے لئے نیچے اہم پابند، یہاں تک کہ اگر
تو یہ اب بھی کوئی فرق نہیں پڑتا چالو کرے گا - یہ مخصوص نہیں ہے.
میں اس پر کلک کرنا پڑتا ہے اور کچھ غائب کرنے کے لئے ایک بٹن کو دبائیں نہیں ہے.
اس سے قطع نظر اس وقت میں اندر ہوں کیا عنصر کے چالو کیا جائے گا
تو یہ اصل میں اس مثال میں کام نہیں کرتے
کیونکہ یہ کی بورڈ ان پٹ div میں ان پٹ میں داخل ہونے کے طور پر مجھے پہچانا نہیں ہے.
>> لیکن آپ کو ماؤس کے اعمال کو دیکھو تو،
سب سے پہلے ایک ہوور ہے، اور یہ سی ایس ایس کا استعمال کرتے ہوئے اس میں سے کچھ کر سکتے ہیں.
اگر آپ سی ایس ایس استعمال کرتے ہیں تو آپ کو کچھ زائد ہوور، تو آپ کو، تاکہ وہ تشکیل دے سکتے ہیں
پھر اس سٹائل تبدیلیاں.
لیکن jQuery کا استعمال کرتے ہوئے آپ کے ساتھ ساتھ دیگر چیزوں کے سٹائل تبدیل کر سکتے ہیں.
لہذا مثال کے طور پر، ہم اس سے زیادہ div ہوور اگر کارروائی کو فون کرنے جا رہے ہیں.
اسی وجہ سے ہم اس پر ہوور، تو باکس غائب ہو جائے گا کا مطلب ہے.
ہم اس سے دور منتقل، تو باکس دوبارہ کرے گا.
ہم اس کو فون کریں اور اس پر ہوور، تو باکس، غائب ہے
اور جیسے ہی ہمیں دور منتقل کے طور پر، وہ واپس آتا ہے.
ہم ماؤس ID پر اس ہور تقریب فون ہے تو،
ہم باکس کے اوپر ہوور تو جو اس کے بعد، اس باکس سے میل،
پھر باکس واقعی غائب ہو جائے گا - یہ ابھی funky کیا جا رہا ہے، لیکن ہے -
ہم اس سے دور منتقل، تو یہ دوبارہ کیا جائے گا. ابھی کسی وجہ سے پیچھے کی طرف ہے.
ماؤس درج کریں اور ماؤس اقدام کسی حد تک اسی طرح کام کرتا ہے، لیکن تھوڑا سا مختلف ہیں.
ماؤس ماؤس کے طور پر توقع باکس، میں داخل ہوتا ہے جب صرف متحرک درج کریں.
تم اس میں منتقل ہو جائے تو یہ غائب ہو جائیں گے.
آپ دور منتقل جب لیکن یہ دوبارہ نہیں کریں گے، تم واپس آنا اس کے لئے اس پر واپس منتقل کرنے کے لئے پڑے گا.
چالو ہو جائے گا جس ماؤس اقدام تقریب، بھی ہے
ماؤس کے خانے میں بھی موجود ہے جب بھی.
تو یہ صرف اندر اور باہر دھندلاہٹ، جا پر رکھیں گے.
اور یہ اصل میں لاگ ان ہے - یہ باہر یہ صرف میں دھندلاہٹ ہے جیسا لگتا ہے اور،
لیکن یہ اصل میں، اس سے بہت زیادہ اعمال کندےبانی کی ہے
لہذا آپ کو دور منتقل جب یہ صرف یہ ان میں سے ایک ہزار کی طرح کا ہے کیونکہ جا رہیں گے.
شاید نہیں ایک ہزار. شاید پانچ.
اس سے کہیں زیادہ نوشتہ.
نقطہ، تمام ماؤس کے اعمال ہے، ان میں سے ایک بہت ہیں.
، آپ کو دوسرے لوگوں کے پر اپ پڑھ سکتے ہیں، لیکن وہ سب تھوڑا سا مختلف ہیں
آپ کو ضرورت ہے جو بھی ایک ہے اور آپ کو منتخب کر سکتے ہیں
مخصوص جو بھی مقصد کے لئے آپ کو کرنے کی کوشش کر رہے ہیں.
>> میں نے کے بارے میں بات کرنے جا رہا ہوں اگلے چیز AJAX ہے.
AJAX، میں، ہم اس سال زیادہ سے زیادہ گہرائی کے طور پر میں جاوا اسکرپٹ کا احاطہ نہیں کیا تھا معلوم
تو میں صرف ایک منٹ کے لئے عام طور پر AJAX بارے میں بات کرنے جا رہا ہوں.
AJAX جاوا اسکرپٹ غیر ہم آہنگ اور XML کے لئے کھڑا ہے.
یہ بنیادی طور پر، مثال کے طور پر، آپ کو فیس بک پر ہیں اور جب یہ، آپ کو ایک نوٹیفکیشن pushes ہے
AJAX آپ کے ویب براؤزر پر چل رہا ہے اس کی وجہ سے ہے.
آپ کے ویب براؤزر اصل میں ہے سیکنڈ کے ہر جوڑے
ان سے پوچھ، فیس بک کے سرور پر جا، آپ میرے لئے کچھ نیا ہے
اور پھر یہ آپ کے پاس واپس آتا ہے.
یہ آپ کو ایک سرور کی درخواستوں کو بھیجنے کے لئے اجازت دیتا ہے
اصل صفحہ لوڈ کرنے کے لئے بغیر.
تو عام طور پر، آپ کو صرف پی ایچ پی اور ایک ڈیٹا بیس استعمال کررہے ہیں تو،
آپ کو سرور سے نئی معلومات حاصل کر سکتے ہیں اس سے پہلے کہ آپ صفحے کو ریفریش کرنا ہوگا.
لیکن AJAX کا استعمال کرتے ہوئے، آپ کو مسلسل اس نئی معلومات کے لئے ھیںچو کر سکتے ہیں
آپ کو ایک بٹن یا اس طرح کچھ بھی کلک کرنے یا اس کے لئے ھیںچو.
ہم سے صفحے کو دوبارہ لوڈ کے بغیر درخواستوں کو بھیجنے کے لئے اجازت دیتا ہے یہ تو
اور ہم حاصل کریں یا درخواستوں کو پوسٹ کریں یا تو استعمال کر سکتے ہیں.
>> درخواستوں آپ کو اگر Google.com پر، مثال کے طور پر حاصل ہوتے ہیں
اور ق = ٹیسٹ کرتے ہیں. کہ ان کے ایک سوال کے ٹیسٹ دے رہی ہے.
اس یو آر ایل کو خود میں ان پیرامیٹرز میں گزر رہا ہے کیونکہ اور یہ کہ ایک حاصل کرنے کی درخواست ہے.
آپ پیغام کے ذریعے انہیں بھیج رہے ہیں کے طور پر اگر ایک پوسٹ کی درخواست ہے.
آپ کو ایک خط میں ڈال دیا اور ان کے لئے یہ جہاز کی طرح یہ ہے
لیکن وہ اصل میں مواد نہیں دیکھتے. وہ یو آر ایل میں نظر نہیں آرہی ہیں.
آپ کو براہ راست میں ٹائپ نہیں کر سکتے ہیں، آپ کو تقریبا چپکے یہ بھیجنا ہے.
یہ ایک پوسٹ میں ہے.
لیکن jQuery کا استعمال کرتے ہوئے، آپ کو ملتا ہے اور درخواستوں کو پوسٹ کر سکتے ہیں
بہت زیادہ آسانی سے آپ عام طور پر صرف سادہ جاوا اسکرپٹ کا استعمال کرتے ہوئے کر سکتے ہیں کے مقابلے میں.
آپ کی درخواستوں کو حاصل کریں کا استعمال کرتے ہوئے APIs کا سوال کر سکتے ہیں، اور آپ کو بھی لاگ ان معلومات کے لئے چیک کر سکتے ہیں.
اگلے صفحے پر، میں نے جو "دوپہر کے کھانے کے لئے ہے کیا؟"، پوچھتا ہے، یہ پیدا کیا
ہارورڈ خوراک API کا استعمال کرتے ہوئے، اس لیے کی کہ ھیںچو ہیں.
اس سے آپ کو ایک API کے لئے ایک حاصل کرنے کی درخواست کرنے کے لئے jQuery استعمال کر سکتے ہیں کہ کس طرح کی صرف ایک مثال ہے
اور اس سے واپس معلومات حاصل.
تو ہم، آج کے لئے مینو میں دیکھنا چاہتے ہیں
اور ہم دوپہر کے کھانے کے لئے کیا دیکھنا چاہتے ہیں.
یہاں jQuery میں حاصل کرنے کی درخواست پیدا کرنے کے لئے یو آر ایل ہے.
آپ کو $ استعمال کرتے ہیں. تقریب ملتا ہے.
پہلی دلیل آپ querying کر رہے ہیں تو بالکل وہی جو، یو آر ایل ہے.
اس کے بعد اگلے دلیل حاصل کی درخواست مکمل ہو گیا ہے جب executes ہے کہ ایک تقریب ہے.
تو کیا تم، سرور سے کچھ درخواست بھیج اسے واپس آنے کا انتظار کرو.
اسے واپس آتی ہے تو، آپ سرور سے واپس آ گیا ہے کہ اعداد و شمار کے ساتھ کچھ کارروائی کرنے جا رہے ہیں.
کی آگے بڑھو اور اس کے ساتھ ساتھ کوڈ ہیں.
میں نے جان بوجھ کر، یا تو اس کوڈ کو نہیں دیا.
یہاں TODO ہے. سب سے پہلے، کی تقریب کا استعمال کرتے ہیں بائنڈنگ دو
اس بٹن دبایا جاتا ہے، ہم ایک حاصل کرنے کی درخواست سے دور بھیج تاکہ.
اور یہ کہ بعض اعداد و شمار کے ساتھ درخواست کی واپسی حاصل کریں، جب
ہم اس کھانے معلومات ID div میں لکھنے کے لئے جا رہے ہیں.
سب سے پہلے، کی خوراک بٹن ID کو منتخب کرتے ہیں.
اسے کلک کیا ہے، تو ہم اس کو کچھ کرنا چاہتے ہیں.
چلو ذرا پہلے کے طور پر، یہ ایک گمنام fuction بناتے ہیں.
ان گھوبگھرالی منحنی خطوط وحدانی لپیٹ کر سکتے ہیں،
اور اس بٹن دبایا جاتا ہے، ہم ایک حاصل کرنے کی درخواست بھیجنا چاہتے ہیں
دوپہر کے کھانے کے لئے کیا ہے دیکھنے کے لیے.
ایسا کرنے کے لئے، ہم صرف $ میں ٹائپ کر سکتے ہیں. ملتا ہے.
یہ ڈالر کا نشان کا استعمال کرتے ہوئے، ایک jQuery دالہ ہے.
یہ دلائل کے ایک جوڑے سے لیتا ہے. سب سے پہلے، یو آر ایل ہے
دوسری کال بیک تقریب، کہا جاتا ہے کہ دالہ ہے
یہ درخواست ہے کہ اصل میں واپس جب.
کی صرف پہلے یو آر ایل کی تعمیر کرتے ہیں.
ہم نے داؤد کو لکھا ہے API کی طرف سے یہ حاصل کر سکتے ہیں.
یہاں جا رہے ہیں، ہم یہ food.cs50.net/api/1.3/menus ہے دیکھ سکتے ہیں
اور پھر آپ کو صرف آپ کو پسند کرے گا کہ پیرامیٹرز کے ناموں میں منتقل.
تو پیرامیٹر قیمت 1 1 ہے.
یہ معیاری تاریخ کی طرح لگتا ہے، آج کی تاریخ، ڈیفالٹس شروع
تم نے کچھ اور بھی ختم ہونے کی تاریخ ڈیفالٹس میں داخل نہیں ہے تو
آج آپ کو کچھ داخل نہ ہو تو.
اس لئے ہم چاہتے ہیں. ہم صرف آج کے لئے معلومات حاصل کرنا چاہتے ہیں.
>> ہم شکل JSON میں بننا چاہتا ہوں.
یہ صرف صوابدیدی ہے، تم جو آپ چاہتے ہیں کسی بھی شکل استعمال کر سکتے ہیں.
آپ CSV استعمال کر سکتے ہیں، لیکن JSON جاوا اسکرپٹ آبجیکٹ سنکیتن ہے.
جاوا سکرپٹ اس کا مطلب سمجھنے کے لئے یہ بہت آسان ہے
اور ہم زیادہ آسانی سے اس طرح اسے باہر پرنٹ کر سکتے ہیں.
تو کی JSON میں درخواست دو، اور لشکر طیبہ کی درخواست دوپہر کے کھانے کے.
= دوپہر کا کھانا کھانے کے تو. بس کہ یو آر ایل کو لکھنے کے لئے، ہم یہاں واپس جانا.
ڈاؤن مینو میں ہے. پہلا پیرامیٹر پیداوار = JSON ہے
اس وجہ سے ہے کہ ہم کیا چاہتے ہیں، اور آپ کو ایک ساتھ پیرامیٹرز الگ 'اور.'
دوسرا پیرامیٹر ہے - مجھے یاد نہیں ہے.
کھانا. اور ہم کھانے = دوپہر کا کھانا چاہتے ہیں.
آپ کو اپنے براؤزر میں ٹائپ اور اس سے جا کر اس یو آر ایل کی جانچ کر سکتے ہیں.
یہ آپ کو کچھ پیداوار دے گا. یہ صرف دوپہر کے کھانے کے لئے ہے کہ سامان کا ایک گروپ ہے.
یہ اس بدسورت کی شکل میں ہے. ہم نے ایک بہتر شکل میں ہمارے صفحہ پر یہ پرنٹ کرنے کے لئے چاہتے ہیں.
URL درست ہے تو، اب ہم صرف ایک تقریب لکھنے کے لئے کی ضرورت ہے
درخواست کامیاب ہے جب واپس کال کرنے.
یہ تقریب دراصل ایک دلیل لے جائے گا. یہ اعداد و شمار ہو گا.
اعداد و شمار حاصل کرنے کی درخواست پر کیا جاتا ہے کے بعد حاصل کرنے کی درخواست سے واپس آتا ہے.
ہم گھوبگھرالی منحنی خطوط وحدانی کر سکتے ہیں، یہاں ہم نے نام ظاہر نہ کرنے کی تقریب میں لکھنا
کہ ہم واپس معلومات حاصل جب کہ اعداد و شمار کا استعمال کرتے ہوئے، executes.
اعداد و شمار تو، ہم اس یو آر ایل میں ٹائپ کرتے وقت،
یہ اعداد و شمار کی طرح دیکھ بھال کے لئے کیا ہو رہا ہے. یہ بہت بڑا سٹرنگ ہونے جا رہا ہے.
لیکن اچھی بات یہ ہے ہے، جاوا سکرپٹ JSON.parse تقریب کا استعمال کرتے ہوئے کی طرف سے اس کا تجزیہ کر سکتے ہیں.
تو کی توڑتے ڈیٹا نامی ایک نئی متغیر بنانے کے ہیں.
اور توڑتے اعداد و شمار اشیاء کی ایک سرنی ہے.
ہر شئی کی طرح کے طور پر معلومات پر مشتمل ہے - اچھا، چلو ایک نظر ڈالیں ہیں.
یہ ایک تاریخ، کھانا، زمرہ، ہدایت، یہ سب دوسری چیزیں ہیں.
تو بس ہر ایک کا نام باہر پرنٹ ہیں.
ہم اس سے واپس حاصل ہے کہ سامان کی ساری سرنی سے زیادہ iterate کرتے ہیں،
اور صرف ہر ایک باہر پرنٹ - ہر ایک کے نام پر باہر پرنٹ.
یہ لوپ کے لئے ایک ہے.
>> جاوا سکرپٹ، آپ کو ایک سرنی پر ایک متغیر اور لوپ تشکیل دے سکتے ہیں جہاں اس کے مددگار نحو ہے
اور متغیر میں، اس کے بجائے متغیر میں = 0 کرنا ہونے کی تو، صرف iterator ہے
میں کی لمبائی سے بھی کم تھا، میں + +، آپ کو صرف تصریف اعداد و شمار میں میں متغیر کر سکتے ہیں.
اس مثال میں، اعداد و شمار کے تجزیہ (I) موجودہ عنصر کے مطابق کرے گا
سرنی کی، اصل اعتراض.
اور ہم اس کے نام پر باہر نکلنا چاہتا ہوں.
تو صرف نام کرتے ہیں.
اور آخری بات یہ ہے، ہم پھر کچھ jQuery ہے جا رہے ہے.
اصل میں div، فی الحال خالی ہے کہ اس کے کھانے کی معلومات div میں شامل کریں.
تو کی ہے کہ منتخب ہیں.
ہم jQuery اور منتخب کھانا معلومات div ID، یا کھانے کی معلومات آئی ڈی استعمال کریں گے، معاف کرنا.
ہم اس پر شامل کرنا چاہتے ہیں.
ہم نے ٹیسٹ کیا ہے تو، مثال کے طور پر، یہ صرف یہ ہر وقت ادلیکھت گا.
تو ہم نے صرف یہ شامل کر سکتے ہیں.
سرنی میں موجودہ عنصر، ہم، اس کا نام لے کر آتا ہوں
اور ہم کھانے معلومات ID div کے اختتام پر یہ شامل کریں گے.
اور پھر، اسے صاف ستھرا نظر آئے بنانے کے لئے
یہ ایک لائن پر تمام نہیں ہے لہذا ہم ایک لائن بریک شامل کریں گے.
سب کچھ ٹھیک ہو جاتا ہے تو اس کے لئے اچھا ہونا چاہیئے -
سب سے پہلے، اس بٹن کو کلک کیا جاتا ہے جب بھی،
اس یو آر ایل کو ایک حاصل کرنے کی درخواست سے دور بھیج دیا جائے گا.
اعداد و شمار اس سے واپس آتا ہے تو اسے، اس کا تجزیہ کریں گے
JSON، کہ اعداد و شمار کی نمائندگی پورے سرنی سے زائد لوپ، میں تبدیل
اور پھر اس کا نام اور ایک لائن بریک شامل
پہلے خالی تھا جو اس کے کھانے کی معلومات کے ID میں ہر لائن.
تو اس صفحے پر واپس جا رہا، ہم کو تازہ کریں گے،
پر کلک کریں، باہر تلاش ہے - یہ کام نہیں کرتا. یہ بدقسمتی کی بات ہے.
ٹھیک اندر آتا ہے اور کہاں ہے
Index.html، لائن 1.
یہ دلچسپ ہے.
ٹھیک ہے، ٹھیک ہے، یہ کر وقت گزارنے کی بجائے، میں صرف کرنے کے لئے جا رہا ہوں
میں ہے کہ کیا فائل ھیںچو، جس میں مکمل ورژن ہے.
میں کیا فرق ہے یقین نہیں ہے، لیکن ہم صرف اس کی بجائے اس کو کھول سکتے ہیں.
اور ہم AJAX کے پاس جاؤ، اور یہ درست طریقے سے کام کرنا چاہئے.
یہی وجہ ہے کہ آج دوپہر کے کھانے کے لئے کیا ہے
کسی خاص ترتیب میں، اس کے ارد گرد کی قیمت درج کرنے کے ساتھ ہے، تو یہ سب سے خوبصورت نہیں ہے.
لیکن، واضح طور پر، آپ کو ایک حتمی منصوبے کے لئے یہ کر رہے تھے، اگر
تم اسے بہتر نظر پڑے گا.
لیکن یہ آپ کو ملتا ہے کی درخواست کرتے ہیں کہ کس طرح صرف ایک سادہ مثال ہے.
ہم اصل کوڈ پر نظر ڈالیں، تو میں اندازہ لگا رہا ہوں، مجھے یقین ہے
یہ اب بھی کافی زیادہ ایک ہی ہے.
اوہ، میں نے ایک سٹرنگ پر بھی اسے تبدیل کرنے کے لئے بھول گیا تھا، یہ بات ہے.
نہیں، یہ اب بھی کام نہیں کر رہا ہے. سے قطع نظر، یہاں اصل مکمل کوڈ ہے
اس طرح نظر آنا چاہئے اس کے لئے،
اور اس میں صرف عملدرآمد کیا کے طور پر ایک ہی بات کرتا ہے.
آپ کو بٹن پر کلک کریں، تو یہ خود کار طریقے سے اعداد و شمار کا تجزیہ کرنے کے لئے حاصل JSON استعمال کرتا ہے.
یہ اعداد و شمار سے واپس لیتا ہے اور پوری سرنی کے ذریعے loops
اور باہر پرنٹس - دوپہر کے کھانے کے لئے آج جو کچھ بھی ہے، اس کا نام،
اور ہر سطر کے بعد ایک لائن بریک appends.
کہ آپ کو ملتا تقریب کا استعمال کرتے ہیں کس طرح ہے.
>> تم نے بھی مجھے وقت نہیں ملا جس کے بعد استعمال کر سکتے ہیں
اس کے لئے ایک مثال کے طور پر اپ کو لکھنے کے لئے، لیکن ہم دستاویزات میں دیکھ سکتے ہیں.
آپ jquery.post پر نظر ڈالیں تو
تم اس کے تقریبا ایک ہی چیز ہے کہ دیکھ سکتے ہیں.
آپ ایک یو آر ایل ہے، بلکہ اس کی بجائے استعمال کرتے ہوئے پیرامیٹرز گزرنے کے -
صرف یو آر ایل ہی کے لئے سٹرنگ میں ڈال
اگر آپ کو یہ اعداد و شمار کے متغیر میں منتقل کرنے کی ہے
کہ ایک ڈکشنری، بنیادی طور پر ایک سرنی ہے کہ اقدار کے نقشے پیرامیٹرز.
تم نے اس کے پاس، اور یہ کہ ایک پوسٹ کا استعمال کرتے ہوئے میں ان کے بھیجتا ہے.
اور ایک بار تم، تو آپ کو کامیاب تقریب ہو سکتا ہے کہ ہے
ڈیٹا واپس آتا ہے کہ جب executes.
دوسری صورت میں، یہ بالکل ایسا ہی ہے. تو ای میل کا استعمال کرتے ہوئے،
آپ کو ایک ان پٹ کے فارم ہے اگر آپ مثال کے طور پر، پوسٹ استعمال کرنا چاہتے ہیں کر سکتے ہیں
آپ اس میں لوگوں کو ان پٹ پاس ورڈ کو دو، اور ان لوگوں کے پاس ورڈ کو ودا
اپنی پیٹھ کے آخر میں سکرپٹ کرنے کے لئے، اس صارف درست ہے یا نہیں ڈیٹا بیس میں چیک کرنے کے لئے.
آپ کر سکتے ہیں کہ تمام jQuery کا استعمال کرتے ہوئے کی بجائے بالکل صفحے کی تازہ کاری کرنے کے لئے.
لہذا میں نے میں نے پہلے تمہیں دکھایا ہے کہ بلاگ میں لاگو کیا طریقہ یہ ہے.
ہم آخر پورٹل پر جائیں اور لاگ آؤٹ، تو لاگ آؤٹ
کام نہیں کرتا ہے لاگ آؤٹ.
ٹھیک ہے، مجھے صرف ایک نئی ونڈو میں اسے کھولو ہیں.
یہاں وہاں ایک پاس ورڈ ہے، اور میں کچھ بے ترتیب میں ٹائپ کرنے کے لئے جا رہا تھا.
یہ کام نہیں کرتا، لیکن آپ کو ہم نے نہیں کیا وہ دیکھ سکتا ہوں
اصل میں بالکل صفحے کو ریفریش کرنا ہوگا.
کوڈ، تم اس کو دیکھنے کے لئے چاہتے ہیں،
یہاں میں تمام دستیاب ہے.
کوڈ تو میں کچھ دیر کے گزشتہ سال لکھا.
اگر آپ یہاں دیکھ سکتے ہیں، ہم نے ایک پوسٹ کی درخواست بھیج رہے ہیں.
میں واپس آخر میں login.php نامی ایک فائل ہے
پاس ورڈ درست ہے تو جس کی جانچ پڑتال کرتا ہے.
ہم میں منتقل کرنے کے لئے پیرامیٹرز کو مائچترت پاس ورڈ، ہیں
فی الحال اس ان پٹ باکس میں ہے کہ ان پٹ.
اور اعداد و شمار کو واپس آتی ہے تو، ہم چیک کریں.
اعداد و شمار جھوٹ ہے، تو ہم غلط پاس ورڈ کا کہنا ہے کہ، اس کے نیچے سلائڈ
اور صرف یہ کہ اس کے بعد غائب ہو کر سکتے ہیں.
دوسری صورت میں، ہم منتظم صفحہ لوڈ ہو.
اور یہ تمام JSON کا استعمال کرتے ہوئے کیا گیا تھا.
کوڈ کا یہ کئی لائنوں میں، آپ کو صرف واپس آخر ڈیٹا منتقل کر سکتی ہیں
یہ صحیح ہے یا نہیں دیکھنے کے لیے، آپ کو درست طریقے سے لاگ ان چاہے چیک کریں
اور اصل میں صحیح صفحے شخص کو منتقل کیا جا رہا ہے، یہ کا جواب
یا میں ان لاگ ان دے اور وہ ایک غلط پاس ورڈ تھا کہ انہیں نہیں بتا رہی.
تاکہ آپ jQuery پوسٹ استعمال کر سکتے ہیں کہ کس طرح ایک مثال ہے
اپنی پیٹھ کے آخر تک ایک پوسٹ کی درخواست بھیجنے کے لئے،
کسی کو صحیح طریقے سے لاگ ان ہے یا نہیں کی جانچ پڑتال.
>> ٹھیک ہے، میں نے تمام مثال کے طور پر، اور میں احاطہ کرنے کے لئے کرنا چاہتا تھا ساری چیزیں ہے تاکہ.
لوگ jQuery تم کرتے ہو کی اجازت دیتا ہے کہ بڑی باتیں ہیں:
، عناصر منتخب ڈوم ہیرا پھیری کا استعمال کرتے ہوئے ان پر نظر ثانی،
آپ اثرات کا اضافہ کر سکتے ہیں، بعض واقعات پر چیزوں کو چالو کرنے کے،
اور بھی بہت بغیر کسی رکاوٹ اور آسانی سے AJAX کی درخواستوں کرتے ہیں.
تو، آ رہے ہو یا دیکھ کے لئے آپ کا شکریہ
اگر آپ کوئی سوال ہے تو اور، صرف مجھے بتا دینا. جی ہاں؟
[Student کی] پیچھے تمہیں دکھایا جب، آپ کی قیمت درج کرنے کے بعد درخواست کے بعد JSON تھا
اور میں نے صرف اس نے کیا کیا سوچ رہی تھی.
>> جی ہاں، میں دیکھ رہا ہوں. سوال یہ ہے، مثال کے طور پر میں میں صرف مظاہرہ کیا، یہ تھی کہ
کے ارد گرد کی قیمت درج کرنے میں لفظ JSON نہیں تھی -
میں نے صرف اسے دوبارہ ھیںچو گے - ڈاک کی تقریب کے ارد گرد.
میں صرف دکھانے کے لئے اسے ھیںچ رہا ہوں.
تو یہاں اس پوسٹ کی درخواست کی ہے، اور واوین میں اس JSON ہے.
یہ صرف ہم پیداوار ہونے کی امید کر رہے ہیں وضاحت کرتا ہے.
ہم متوقع اعداد و شمار قسم کے طور پر JSON میں منتقل، تو اگر
، یہ ایک کی ضرورت نہیں ہے، لیکن ہم میں اس کے پاس تو
اس وقت کے اعداد و شمار کے خود کار طریقے سے JSON کے طور پر تجزیہ کیا جائے گا.
تو ہم اس پر JSON توڑتے تقریب کو فون کرنے کی ضرورت نہیں ہے
یہ صرف خود کار طریقے سے ہوگا.
اور تم پوسٹ کے لیے دستاویزات پر ایک نظر ڈالیں تو،
یہ اعداد و شمار کی قسم متغیر، سرور سے توقع کے اعداد و شمار کی قسم کی نہیں ہے.
غلط ہو سکتا ہے کہ ایک بڑا اندازہ کرنے کے لئے یہ ڈیفالٹس،
لہذا آپ اسے خالی چھوڑ سکتے ہیں، لیکن یہ اعداد و شمار کے صرف کی قسم ہے
تم نے اسے JSON یا XML ہے یا کچھ اور، چاہے استعمال کر رہے ہیں کہ کوڈنگ میں.
>> کوئی اور سوال؟
ٹھیک ہے. آپ کو کسی بھی دیگر سوالات ہیں، تو مجھے ای میل کرنے کے لئے آزاد محسوس کرتے ہیں
vshekhawat@college.harvard.edu میں،
اور سلائڈ اور کوڈ خوبصورت جلد ہی آن لائن دستیاب ہونا چاہئے.
آپ کی آخری منصوبوں کے ساتھ گڈ لک، آپ کو استعمال کرتے ہیں jQuery امید ہے.
[CS50.TV]