СПІКЕР: Давайте поліпшити, що минулого приклад, використовуючи популярний наявність Бібліотека називається JQuery, що дозволить нам очистити наш код в той же час уникаючи питання ми зіткнулися раніше в результаті чого код, який я написав був страчений передчасно до елементи, які я повинен існувати в DOM насправді не існувало. 

Зверніть увагу, тут, в Дом-2.html, у мене є тег сценарію вже з атрибутом джерела, значення якого Адреса Остання версія цієї бібліотеки. Нижче, що у мене є окремий тег сценарію без будь-яких джерела, але де я залишив кімната насправді написати деякі з моїх власних коду. Код, який я хотів би написати так само слід, $, яка насправді скорочене позначення для JQuery Сам, (документ). Іншими словами, я просто передаючи в якості Аргумент функції під назвою JQuery документ, глобальний змінна, що вже існує всередині будь-який веб-сторінці. 

Тоді давайте зробимо. Готовий, виклику функції або метод, який вказує, що наступне шматок коду повинен бути виконується тільки один раз всього документа готовий, зокрема, це анонімна функція тут. $ "# Демо", який вказує, що я хотів би щоб отримати елемент з мого DOM хто унікальний ідентифікатор є демо. І те, як тільки ми отримали, що, давайте зареєструватися в ньому обробник подій для додати подію, вказавши. уявити, переходячи до, що анонімний функція, яка очікує один аргумент що ми будемо називати подія, яка є в кінцевому рахунку, просто буде посилання роду до фактичного Захід уявлення про всяк випадок ми б б отримати доступ, безпосередньо. 

Тим часом, давайте уточнимо відкритий дужки і закриває фігурна дужка і всередині тих, дужки, давайте насправді писати код що ми хочемо виконується, коли ця форма представляється. попередити "привіт", і давайте об'єднувати на так що результат виклику $ "# ім'я" який вказує, що я хотів би отримати елемент у моєму DOM чиї унікальні ідентифікатор ім'я. І давайте тепер викликати функцію всередині що об'єкт, званий вал, який отримує текстове значення, що користувач ввели дюйма І давайте об'єднувати на так що, просто для задоволення, знак оклику. 

Нарешті, а не просто повернутися помилковим, як ми раніше, давайте бути трохи більш явне і вказати, що, враховуючи, що Об'єкт події, ми хотіли б, щоб запобігти його за замовчуванням поведінку, зокрема, називаючи функція або метод називається запобігти дефолту в такий спосіб. event.preventDefault. Давайте тепер збережіть файл і відкрити його в браузері. http://localhost/dom-2.html 

Там в іншій формі. Давайте вхід Девід. Натискаючи Відправити і привіт, Девід повернувся.