WEBVTT

00:00:00.770 --> 00:00:02.940
Ще ти видим как да започнеш

00:00:02.940 --> 00:00:05.722
да използваш jQuery 
в твоята уеб страница.

00:00:05.722 --> 00:00:09.005
Първата стъпка е 
да включиш библиотеката jQuery

00:00:09.005 --> 00:00:11.542
в кода си, като използваш 
тага .

00:00:12.232 --> 00:00:16.122
Досега в тага <script> 
поставяхме нашия JavaScript код,

00:00:16.122 --> 00:00:20.276
но този път ще добавя 
атрибута src.

00:00:20.276 --> 00:00:26.566
Трябва да му задам URL. 
Какъв е този URL?

00:00:26.566 --> 00:00:30.093
Ако работя на своя компютър 
и съм свалила jQuery

00:00:30.093 --> 00:00:32.525
в същата директория, в която 
е и моята уеб страница,

00:00:32.525 --> 00:00:36.473
мога просто да напиша 
"jquery.js" тук.

00:00:36.473 --> 00:00:39.408
Но тук в Кан Академията 
това няма да работи.

00:00:39.408 --> 00:00:43.096
Тук ми трябва абсолютният 
URL на jQuery

00:00:43.096 --> 00:00:45.885
от някакъв онлайн сървър.

00:00:45.885 --> 00:00:50.082
Има списък с тези URL-и на jquery.com,

00:00:50.622 --> 00:00:52.738
а аз ще взема един от тях 
и ще го поставя тук.

00:00:52.738 --> 00:00:54.430
Ето така.

00:00:54.430 --> 00:00:58.031
Добре. Сега ще ти обясня 
някои неща за този URL.

00:00:58.031 --> 00:01:01.820
Първото е, че започва с "https".

00:01:01.820 --> 00:01:05.231
Това означава, че е сигурен URL.

00:01:05.240 --> 00:01:08.680
В страниците на Кан Академията 
позволяваме

00:01:08.840 --> 00:01:11.200
да се използват само 
сигурни ресурси,

00:01:11.207 --> 00:01:15.343
а това като цяло е добра практика 
при разработката на уеб.

00:01:15.663 --> 00:01:18.862
Добре. Второто нещо е, 
че се намира

00:01:18.862 --> 00:01:22.751
на сървър на Google: 
googleapis.com.

00:01:22.751 --> 00:01:25.385
Този сървър се нарича CDN,

00:01:25.385 --> 00:01:27.921
мрежа за доставка на съдържание 
("content delivery network"),

00:01:27.921 --> 00:01:29.406
което означава, 
че е оптимизирана

00:01:29.406 --> 00:01:32.625
за доставяне на статични файлове 
като JavaScript библиотеки

00:01:32.625 --> 00:01:35.388
и ги доставя много бързо.

00:01:35.388 --> 00:01:38.164
Аз имам доверие 
на този Google сървър

00:01:38.164 --> 00:01:41.301
и като цяло трябва винаги 
да имаш доверие на сървърите,

00:01:41.301 --> 00:01:43.002
от които взимаш скриптове,

00:01:43.002 --> 00:01:47.240
тъй като те биха могли да направят 
лоши неща на твоята страница.

00:01:47.400 --> 00:01:50.013
Добре. Третото нещо е, 
че има номер на версията

00:01:50.013 --> 00:01:53.807
в този URL: 2.1.4.

00:01:53.807 --> 00:01:56.402
jQuery библиотеката 
се разработва активно

00:01:56.402 --> 00:01:59.015
и често има нови версии.

00:01:59.015 --> 00:02:03.279
Числата отляво показват 
главните промени във версиите,

00:02:03.279 --> 00:02:08.134
а числата отдясно 
показват малките промени.

00:02:08.134 --> 00:02:10.353
Тук използвам jQuery 2,

00:02:10.353 --> 00:02:12.295
което работи в 
съвременните браузъри,

00:02:12.295 --> 00:02:14.484
но не работи на IE8.

00:02:14.484 --> 00:02:15.635
За собствения си сайт

00:02:15.635 --> 00:02:17.340
можеш да решиш коя версия ще използваш

00:02:17.340 --> 00:02:19.627
според това, което ти трябва.

00:02:19.627 --> 00:02:22.809
Добре. Включихме jQuery.

00:02:22.809 --> 00:02:24.973
Нека започнем 
да я използваме

00:02:24.973 --> 00:02:28.266
в друг таг <script>.

00:02:30.226 --> 00:02:33.309
Всяка JavaScript библиотека 
предлага функции

00:02:33.309 --> 00:02:35.358
и дава имена на тези функции.

00:02:35.358 --> 00:02:37.010
Трябва да разгледаме документацията,

00:02:37.010 --> 00:02:39.262
за да намерим имената 
на тези функции

00:02:39.262 --> 00:02:41.761
и да разберем какво правят.

00:02:41.761 --> 00:02:45.444
Библиотеката jQuery предлага 
една главна функция

00:02:45.444 --> 00:02:47.524
с много кратко име.

00:02:47.524 --> 00:02:50.637
Само знак за долар "$".

00:02:50.637 --> 00:02:53.556
Това означава, че първото, 
което пишем, е долар,

00:02:53.556 --> 00:02:56.526
след това две скоби, 
защото е функция,

00:02:56.526 --> 00:02:59.412
и разбира се точка и запетая.

00:02:59.412 --> 00:03:01.928
Хубаво е, че името на тази функция 
е толкова кратко,

00:03:01.928 --> 00:03:05.756
защото ще я извикваме 
доста често.

00:03:06.226 --> 00:03:08.928
Има много неща, които можем 
да подадем на тази функция,

00:03:08.928 --> 00:03:10.300
но за този пример

00:03:10.300 --> 00:03:15.254
ще подам символния низ "h1".

00:03:16.319 --> 00:03:17.697
След като направя това,

00:03:17.697 --> 00:03:19.724
то казва на jQuery да намери

00:03:19.724 --> 00:03:23.095
всички елементи h1 на страницата

00:03:23.095 --> 00:03:28.050
и да ги върне като jQuery обект 
за колекция.

00:03:28.150 --> 00:03:29.311
След като направих това

00:03:29.311 --> 00:03:33.233
мога да извикам други методи 
върху jQuery обекта,

00:03:33.233 --> 00:03:37.200
за да манипулирам всички h1 
елементи, които намерих.

00:03:37.200 --> 00:03:39.939
Ако искам да променя текста в тях,

00:03:39.939 --> 00:03:43.356
мога да извикам функцията text()

00:03:43.356 --> 00:03:46.044
и да ѝ подам низ.

00:03:47.244 --> 00:03:49.792
Случва се! 
Да!

00:03:49.792 --> 00:03:50.804
И сме готови!

00:03:50.804 --> 00:03:53.029
Това е първият ни jQuery код.

00:03:53.029 --> 00:03:56.910
Включихме jQuery библиотеката 
с тага ,

00:03:56.910 --> 00:03:59.819
казахме на jQuery да намери 
всички h1 елементи на страницата,

00:03:59.819 --> 00:04:03.643
а след това казахме на jQuery 
да промени текста на всички тях.

00:04:03.643 --> 00:04:06.332
Ако останеш с нас, ще минем 
през още много неща

00:04:06.332 --> 00:04:07.653
много по-подробно,

00:04:07.653 --> 00:04:11.117
още начини да избираме и манипулираме елементи,

00:04:11.117 --> 00:04:12.540
като използваме jQuery в отговор

00:04:12.540 --> 00:04:14.353
на събития на потребителя на страницата,

00:04:14.353 --> 00:04:18.558
плюс забавни неща 
като анимации и ефекти.