דובר: בואו לשפר את שעבר דוגמא באמצעות JavaScript פופולרי ספרייה נקראת jQuery שיאפשר לנו לנקות את הקוד שלנו ועדיין הימנעות הבעיה שנתקלנו בי קודם לכן לפיו חלק הקוד שכתבתי הוצא להורג בטרם עת לפני אלמנטים שהייתי צריך להתקיים בDOM קיימים למעשה. 

שימו לב כאן בDom-2.html, יש לי תג סקריפט כבר עם תכונה מקור הערך שלו היא הכתובת של הגרסה העדכנית ביותר של ספרייה זו. מתחת לזה יש לי תג סקריפט נפרד ללא מקור, אך שבו אני כבר עזבתי חדר בעצם לכתוב חלק מהקוד שלי. הקוד שאני רוצה לכתוב הוא כמו כדלקמן, $, וזה באמת רק סימון מקוצר עבור jQuery עצמו, (מסמך). במילים אחרות, אני פשוט עובר כמו טיעון לפונקציה שנקראת jQuery המסמך, הגלובלי משתנה, שכבר קיים בתוך של כל דף אינטרנט. 

אז בואו נעשה. מוכן, קורא לפונקציה או שיטה המציינת כי הנתח של הקוד הבא צריך להיות בוצע רק פעם אחת המסמך כולו הוא מוכן, במיוחד זה פונקציה אנונימית כאן. $ "הדגמה #", שמציינת שהייתי רוצה כדי לקבל את האלמנט מDOM שלי מי מזהה ייחודי הוא הדגמה. ואז ברגע שקבלנו את זה, בוא להירשם עם אותו מטפל באירועים עבור להגיש אירוע על ידי ציון. להגיש, עובר לזה בעילום שם פונקציה שמצפה טיעון אחד שנתקשר אל אירוע, שהוא סופו של דבר רק הולך להיות התייחסות של מיני לבפועל אירוע הגשה רק במקרה שהיינו רוצה לגשת באופן ישיר. 

בינתיים, בואו לציין סד פתוח ו קרוב סד ובתוכם של אלה פלטה, בואו בעצם לכתוב את הקוד כי אנחנו רוצים להורג כאשר טופס זה הוא הגיש. להתריע "שלום", ובואו לשרשר על כך שהתוצאה של $ קוראים "שם #" אשר מציין שהייתי רוצה לקבל האלמנט בDOM שייחודי מזהה הוא שם. ובואו עכשיו לקרוא לפונקציה פנימית של אובייקט שנקרא val אשר מקבל הערך הטקסטואלי ש המשתמש הקליד פנימה ובואו לשרשר על כך, רק בשביל כיף, סימן קריאה. 

לבסוף, ולא רק בתמורת שווא כ אנחנו, לא לפני בואו נהיה קצת יותר מפורש ויציין כי לאור עובדה אובייקט אירוע, אנחנו רוצים למנוע אותה התנהגות ברירת מחדל על ידי ספציפי קראו פונקציה או שיטה הנקראת למנוע ברירת מחדל באופן הבא. event.preventDefault. בואו עכשיו שמרו את הקובץ ו לפתוח אותו בדפדפן שלי. http://localhost/dom-2.html 

יש טופס. בוא קלט דוד. לחיצה על שלח ושלום, דוד הוא חזרה.