>> СПІКЕР: Давайте поліпшити, що минулого приклад, використовуючи популярний наявність
Бібліотека називається JQuery, що дозволить нам очистити наш код в той же час
уникаючи питання ми зіткнулися раніше в результаті чого код, який я написав
був страчений передчасно до елементи, які я повинен існувати в DOM
насправді не існувало.
>> Зверніть увагу, тут, в Дом-2.html, у мене є тег сценарію вже з атрибутом
джерела, значення якого Адреса Остання версія цієї бібліотеки.
Нижче, що у мене є окремий тег сценарію без будь-яких джерела, але де я залишив
кімната насправді написати деякі з моїх власних коду.
Код, який я хотів би написати так само слід, $, яка насправді
скорочене позначення для JQuery Сам, (документ).
Іншими словами, я просто передаючи в якості Аргумент функції під назвою
JQuery документ, глобальний змінна, що вже існує всередині
будь-який веб-сторінці.
>> Тоді давайте зробимо. Готовий, виклику функції або метод, який вказує, що
наступне шматок коду повинен бути виконується тільки один раз всього документа
готовий, зокрема, це анонімна функція тут.
$ "# Демо", який вказує, що я хотів би щоб отримати елемент з мого DOM
хто унікальний ідентифікатор є демо.
І те, як тільки ми отримали, що, давайте зареєструватися в ньому обробник подій для
додати подію, вказавши. уявити, переходячи до, що анонімний
функція, яка очікує один аргумент що ми будемо називати подія, яка є
в кінцевому рахунку, просто буде посилання роду до фактичного
Захід уявлення про всяк випадок ми б б отримати доступ, безпосередньо.
>> Тим часом, давайте уточнимо відкритий дужки і закриває фігурна дужка і всередині тих,
дужки, давайте насправді писати код що ми хочемо виконується, коли ця форма
представляється.
попередити "привіт", і давайте об'єднувати на так що результат виклику $ "# ім'я"
який вказує, що я хотів би отримати елемент у моєму DOM чиї унікальні
ідентифікатор ім'я.
І давайте тепер викликати функцію всередині що об'єкт, званий вал, який отримує
текстове значення, що користувач ввели дюйма
І давайте об'єднувати на так що, просто для задоволення, знак оклику.
>> Нарешті, а не просто повернутися помилковим, як ми раніше, давайте бути трохи більш
явне і вказати, що, враховуючи, що Об'єкт події, ми хотіли б, щоб запобігти його
за замовчуванням поведінку, зокрема, називаючи функція або метод називається
запобігти дефолту в такий спосіб.
event.preventDefault.
Давайте тепер збережіть файл і відкрити його в браузері.
http://localhost/dom-2.html
>> Там в іншій формі.
Давайте вхід Девід.
Натискаючи Відправити і привіт, Девід повернувся.