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