1 00:00:00,000 --> 00:00:00,470 2 00:00:00,470 --> 00:00:03,760 >> דובר: בואו לשפר את שעבר דוגמא באמצעות JavaScript פופולרי 3 00:00:03,760 --> 00:00:07,520 ספרייה נקראת jQuery שיאפשר לנו לנקות את הקוד שלנו ועדיין 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 מקור הערך שלו היא הכתובת של הגרסה העדכנית ביותר של ספרייה זו. 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 סימון מקוצר עבור jQuery עצמו, (מסמך). 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 jQuery המסמך, הגלובלי משתנה, שכבר קיים בתוך 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 ואז ברגע שקבלנו את זה, בוא להירשם עם אותו מטפל באירועים עבור 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 ובואו עכשיו לקרוא לפונקציה פנימית של אובייקט שנקרא val אשר מקבל 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