< Return to Video

Creating elements from scratch | Computer Programming | Khan Academy

  • 0:01 - 0:03
    Ще ти видим как да започнеш
  • 0:03 - 0:06
    да използваш jQuery
    в твоята уеб страница.
  • 0:06 - 0:09
    Първата стъпка е
    да включиш библиотеката jQuery
  • 0:09 - 0:12
    в кода си, като използваш
    тага .
  • 0:12 - 0:16
    Досега в тага <script>
    поставяхме нашия JavaScript код,
  • 0:16 - 0:20
    но този път ще добавя
    атрибута src.
  • 0:20 - 0:27
    Трябва да му задам URL.
    Какъв е този URL?
  • 0:27 - 0:30
    Ако работя на своя компютър
    и съм свалила jQuery
  • 0:30 - 0:33
    в същата директория, в която
    е и моята уеб страница,
  • 0:33 - 0:36
    мога просто да напиша
    "jquery.js" тук.
  • 0:36 - 0:39
    Но тук в Кан Академията
    това няма да работи.
  • 0:39 - 0:43
    Тук ми трябва абсолютният
    URL на jQuery
  • 0:43 - 0:46
    от някакъв онлайн сървър.
  • 0:46 - 0:50
    Има списък с тези URL-и на jquery.com,
  • 0:51 - 0:53
    а аз ще взема един от тях
    и ще го поставя тук.
  • 0:53 - 0:54
    Ето така.
  • 0:54 - 0:58
    Добре. Сега ще ти обясня
    някои неща за този URL.
  • 0:58 - 1:02
    Първото е, че започва с "https".
  • 1:02 - 1:05
    Това означава, че е сигурен URL.
  • 1:05 - 1:09
    В страниците на Кан Академията
    позволяваме
  • 1:09 - 1:11
    да се използват само
    сигурни ресурси,
  • 1:11 - 1:15
    а това като цяло е добра практика
    при разработката на уеб.
  • 1:16 - 1:19
    Добре. Второто нещо е,
    че се намира
  • 1:19 - 1:23
    на сървър на Google:
    googleapis.com.
  • 1:23 - 1:25
    Този сървър се нарича CDN,
  • 1:25 - 1:28
    мрежа за доставка на съдържание
    ("content delivery network"),
  • 1:28 - 1:29
    което означава,
    че е оптимизирана
  • 1:29 - 1:33
    за доставяне на статични файлове
    като JavaScript библиотеки
  • 1:33 - 1:35
    и ги доставя много бързо.
  • 1:35 - 1:38
    Аз имам доверие
    на този Google сървър
  • 1:38 - 1:41
    и като цяло трябва винаги
    да имаш доверие на сървърите,
  • 1:41 - 1:43
    от които взимаш скриптове,
  • 1:43 - 1:47
    тъй като те биха могли да направят
    лоши неща на твоята страница.
  • 1:47 - 1:50
    Добре. Третото нещо е,
    че има номер на версията
  • 1:50 - 1:54
    в този URL: 2.1.4.
  • 1:54 - 1:56
    jQuery библиотеката
    се разработва активно
  • 1:56 - 1:59
    и често има нови версии.
  • 1:59 - 2:03
    Числата отляво показват
    главните промени във версиите,
  • 2:03 - 2:08
    а числата отдясно
    показват малките промени.
  • 2:08 - 2:10
    Тук използвам jQuery 2,
  • 2:10 - 2:12
    което работи в
    съвременните браузъри,
  • 2:12 - 2:14
    но не работи на IE8.
  • 2:14 - 2:16
    За собствения си сайт
  • 2:16 - 2:17
    можеш да решиш коя версия ще използваш
  • 2:17 - 2:20
    според това, което ти трябва.
  • 2:20 - 2:23
    Добре. Включихме jQuery.
  • 2:23 - 2:25
    Нека започнем
    да я използваме
  • 2:25 - 2:28
    в друг таг <script>.
  • 2:30 - 2:33
    Всяка JavaScript библиотека
    предлага функции
  • 2:33 - 2:35
    и дава имена на тези функции.
  • 2:35 - 2:37
    Трябва да разгледаме документацията,
  • 2:37 - 2:39
    за да намерим имената
    на тези функции
  • 2:39 - 2:42
    и да разберем какво правят.
  • 2:42 - 2:45
    Библиотеката jQuery предлага
    една главна функция
  • 2:45 - 2:48
    с много кратко име.
  • 2:48 - 2:51
    Само знак за долар "$".
  • 2:51 - 2:54
    Това означава, че първото,
    което пишем, е долар,
  • 2:54 - 2:57
    след това две скоби,
    защото е функция,
  • 2:57 - 2:59
    и разбира се точка и запетая.
  • 2:59 - 3:02
    Хубаво е, че името на тази функция
    е толкова кратко,
  • 3:02 - 3:06
    защото ще я извикваме
    доста често.
  • 3:06 - 3:09
    Има много неща, които можем
    да подадем на тази функция,
  • 3:09 - 3:10
    но за този пример
  • 3:10 - 3:15
    ще подам символния низ "h1".
  • 3:16 - 3:18
    След като направя това,
  • 3:18 - 3:20
    то казва на jQuery да намери
  • 3:20 - 3:23
    всички елементи h1 на страницата
  • 3:23 - 3:28
    и да ги върне като jQuery обект
    за колекция.
  • 3:28 - 3:29
    След като направих това
  • 3:29 - 3:33
    мога да извикам други методи
    върху jQuery обекта,
  • 3:33 - 3:37
    за да манипулирам всички h1
    елементи, които намерих.
  • 3:37 - 3:40
    Ако искам да променя текста в тях,
  • 3:40 - 3:43
    мога да извикам функцията text()
  • 3:43 - 3:46
    и да ѝ подам низ.
  • 3:47 - 3:50
    Случва се!
    Да!
  • 3:50 - 3:51
    И сме готови!
  • 3:51 - 3:53
    Това е първият ни jQuery код.
  • 3:53 - 3:57
    Включихме jQuery библиотеката
    с тага ,
  • 3:57 - 4:00
    казахме на jQuery да намери
    всички h1 елементи на страницата,
  • 4:00 - 4:04
    а след това казахме на jQuery
    да промени текста на всички тях.
  • 4:04 - 4:06
    Ако останеш с нас, ще минем
    през още много неща
  • 4:06 - 4:08
    много по-подробно,
  • 4:08 - 4:11
    още начини да избираме и манипулираме елементи,
  • 4:11 - 4:13
    като използваме jQuery в отговор
  • 4:13 - 4:14
    на събития на потребителя на страницата,
  • 4:14 - 4:19
    плюс забавни неща
    като анимации и ефекти.
Title:
Creating elements from scratch | Computer Programming | Khan Academy
Description:
more » « less
Video Language:
English
Team:
Khan Academy
Duration:
04:19

Bulgarian subtitles

Revisions

Our website uses cookies for analysis purposes.