1 00:00:00,000 --> 00:00:00,470 2 00:00:00,470 --> 00:00:03,760 >> SPEAKER: اجازه دهید به که گذشته بهبود به عنوان مثال با استفاده از جاوا اسکریپت محبوب 3 00:00:03,760 --> 00:00:07,520 کتابخانه به نام جی کوئری که اجازه خواهد داد ما به تمیز کردن کد ما در حالی که هنوز 4 00:00:07,520 --> 00:00:11,010 اجتناب از این مسئله ما مواجه می شوند پیش از آن که به موجب آن برخی از کد که نوشتم 5 00:00:11,010 --> 00:00:15,600 قبل از موعد مقرر اعدام شد عناصر مورد نیاز برای در DOM وجود دارد 6 00:00:15,600 --> 00:00:17,530 در واقع وجود داشته است. 7 00:00:17,530 --> 00:00:22,120 >> توجه کنید در اینجا در DOM-2.html، من یک برچسب اسکریپت در حال حاضر با یک ویژگی 8 00:00:22,120 --> 00:00:26,460 منبع که ارزش URL از است آخرین نسخه از این کتابخانه. 9 00:00:26,460 --> 00:00:30,220 در زیر است که من یک تگ اسکریپت جداگانه با هیچ منبع اما جایی که من ترک کرده ام 10 00:00:30,220 --> 00:00:32,590 اتاق در واقع ارسال برخی از کد خود من است. 11 00:00:32,590 --> 00:00:36,690 کد من می خواهم به ارسال به زیر، $، که واقعا فقط 12 00:00:36,690 --> 00:00:40,510 نماد تند نویسی برای جی کوئری خود را، (سند). 13 00:00:40,510 --> 00:00:43,330 14 00:00:43,330 --> 00:00:46,700 به عبارت دیگر، من به سادگی به عنوان عبور آرگومان به یک تابع به نام 15 00:00:46,700 --> 00:00:50,690 جی کوئری سند، جهانی متغیر، که در حال حاضر وجود دارد داخل 16 00:00:50,690 --> 00:00:52,100 از هر صفحه وب. 17 00:00:52,100 --> 00:00:57,400 >> سپس اجازه دهید انجام دهد. آماده، خواستار یک تابع و یا روش است که مشخص می کند که 18 00:00:57,400 --> 00:01:01,290 تکه کدهای زیر باید باشد تنها یک بار در کل سند اعدام 19 00:01:01,290 --> 00:01:04,750 آماده، به طور خاص این است تابع بی نام در اینجا. 20 00:01:04,750 --> 00:01:07,450 21 00:01:07,450 --> 00:01:14,210 $ "# نسخه ی نمایشی"، که مشخص می کند که من می خواهم برای به دست آوردن عنصر از DOM من 22 00:01:14,210 --> 00:01:16,370 که شناسه منحصر به فرد نسخه ی نمایشی است. 23 00:01:16,370 --> 00:01:19,990 و سپس یک بار ما رو بدست که، اجازه دهید ثبت نام با یک event handler برای 24 00:01:19,990 --> 00:01:25,250 ارسال رویداد را بوسیله. ارسال، عبور به ناشناس 25 00:01:25,250 --> 00:01:29,370 تابع است که انتظار یک آرگومان که ما به رویداد تماس بگیرید، که آن 26 00:01:29,370 --> 00:01:32,230 در نهایت فقط برای رفتن به یک مرجع از انواع به واقعی 27 00:01:32,230 --> 00:01:36,030 رویداد ارسال مقاله تنها در مورد ما می خواهم می خواهم برای دسترسی که به طور مستقیم. 28 00:01:36,030 --> 00:01:40,470 >> در همین حال، اجازه دهید بند باز را مشخص و بند بسته و در داخل از آن 29 00:01:40,470 --> 00:01:44,140 پرانتز، اجازه دهید در واقع کد ارسال که ما می خواهیم اجرا در زمانی که این فرم 30 00:01:44,140 --> 00:01:45,210 ارائه شده است. 31 00:01:45,210 --> 00:01:54,810 هشدار "سلام"، و اجازه دهید الحاق در به طوری که مقدار حاصل از فراخوانی $ "نام #" 32 00:01:54,810 --> 00:01:58,880 که مشخص می کند که من می خواهم برای به دست آوردن این عنصر در DOM من که منحصر به فرد 33 00:01:58,880 --> 00:02:00,750 شناسه نام است. 34 00:02:00,750 --> 00:02:04,790 و اجازه دهید در حال حاضر یک تابع داخل تماس بگیرید که شی به نام وال می شود که 35 00:02:04,790 --> 00:02:07,370 ارزش متنی است که کاربر تایپ شوید 36 00:02:07,370 --> 00:02:11,270 و اجازه دهید الحاق به طوری که، فقط برای تفریح، به علامت تعجب. 37 00:02:11,270 --> 00:02:14,610 >> در نهایت، نه تنها بازگشت کاذب به عنوان ما از قبل، اجازه دهید یک کمی بیشتر 38 00:02:14,610 --> 00:02:18,750 صریح و مشخص است که با توجه به اینکه شی رویداد، ما می خواهم برای جلوگیری از آن 39 00:02:18,750 --> 00:02:22,480 به طور پیش فرض رفتار های خاص تماس یک تابع و یا روش به نام 40 00:02:22,480 --> 00:02:24,190 جلوگیری از به طور پیش فرض به شرح زیر است. 41 00:02:24,190 --> 00:02:25,440 event.preventDefault. 42 00:02:25,440 --> 00:02:27,760 43 00:02:27,760 --> 00:02:30,080 اجازه دهید حالا فایل را ذخیره کنید و باز کردن آن را در مرورگر من. 44 00:02:30,080 --> 00:02:33,240 45 00:02:33,240 --> 00:02:40,120 http://localhost/dom-2.html 46 00:02:40,120 --> 00:02:41,410 >> که فرم وجود دارد. 47 00:02:41,410 --> 00:02:42,720 بیایید ورودی دیوید. 48 00:02:42,720 --> 00:02:45,040 با کلیک کردن و سلام، دیوید پشت است. 49 00:02:45,040 --> 00:02:48,299