1
00:00:00,000 --> 00:00:00,470

2
00:00:00,470 --> 00:00:03,760
>> СПІКЕР: Давайте поліпшити, що минулого
приклад, використовуючи популярний наявність

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
>> Зверніть увагу, тут, в Дом-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
І давайте тепер викликати функцію всередині
що об'єкт, званий вал, який отримує

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