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

0:00:02.940,0:00:05.722
да използваш jQuery [br]в твоята уеб страница.

0:00:05.722,0:00:09.005
Първата стъпка е [br]да включиш библиотеката jQuery

0:00:09.005,0:00:11.542
в кода си, като използваш [br]тага .

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

0:00:16.122,0:00:20.276
но този път ще добавя [br]атрибута src.

0:00:20.276,0:00:26.566
Трябва да му задам URL. [br]Какъв е този URL?

0:00:26.566,0:00:30.093
Ако работя на своя компютър [br]и съм свалила jQuery

0:00:30.093,0:00:32.525
в същата директория, в която [br]е и моята уеб страница,

0:00:32.525,0:00:36.473
мога просто да напиша [br]"jquery.js" тук.

0:00:36.473,0:00:39.408
Но тук в Кан Академията [br]това няма да работи.

0:00:39.408,0:00:43.096
Тук ми трябва абсолютният [br]URL на jQuery

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

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

0:00:50.622,0:00:52.738
а аз ще взема един от тях [br]и ще го поставя тук.

0:00:52.738,0:00:54.430
Ето така.

0:00:54.430,0:00:58.031
Добре. Сега ще ти обясня [br]някои неща за този URL.

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

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

0:01:05.240,0:01:08.680
В страниците на Кан Академията [br]позволяваме

0:01:08.840,0:01:11.200
да се използват само [br]сигурни ресурси,

0:01:11.207,0:01:15.343
а това като цяло е добра практика [br]при разработката на уеб.

0:01:15.663,0:01:18.862
Добре. Второто нещо е, [br]че се намира

0:01:18.862,0:01:22.751
на сървър на Google: [br]googleapis.com.

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

0:01:25.385,0:01:27.921
мрежа за доставка на съдържание [br]("content delivery network"),

0:01:27.921,0:01:29.406
което означава, [br]че е оптимизирана

0:01:29.406,0:01:32.625
за доставяне на статични файлове [br]като JavaScript библиотеки

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

0:01:35.388,0:01:38.164
Аз имам доверие [br]на този Google сървър

0:01:38.164,0:01:41.301
и като цяло трябва винаги [br]да имаш доверие на сървърите,

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

0:01:43.002,0:01:47.240
тъй като те биха могли да направят [br]лоши неща на твоята страница.

0:01:47.400,0:01:50.013
Добре. Третото нещо е, [br]че има номер на версията

0:01:50.013,0:01:53.807
в този URL: 2.1.4.

0:01:53.807,0:01:56.402
jQuery библиотеката [br]се разработва активно

0:01:56.402,0:01:59.015
и често има нови версии.

0:01:59.015,0:02:03.279
Числата отляво показват [br]главните промени във версиите,

0:02:03.279,0:02:08.134
а числата отдясно [br]показват малките промени.

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

0:02:10.353,0:02:12.295
което работи в [br]съвременните браузъри,

0:02:12.295,0:02:14.484
но не работи на IE8.

0:02:14.484,0:02:15.635
За собствения си сайт

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

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

0:02:19.627,0:02:22.809
Добре. Включихме jQuery.

0:02:22.809,0:02:24.973
Нека започнем [br]да я използваме

0:02:24.973,0:02:28.266
в друг таг <script>.

0:02:30.226,0:02:33.309
Всяка JavaScript библиотека [br]предлага функции

0:02:33.309,0:02:35.358
и дава имена на тези функции.

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

0:02:37.010,0:02:39.262
за да намерим имената [br]на тези функции

0:02:39.262,0:02:41.761
и да разберем какво правят.

0:02:41.761,0:02:45.444
Библиотеката jQuery предлага [br]една главна функция

0:02:45.444,0:02:47.524
с много кратко име.

0:02:47.524,0:02:50.637
Само знак за долар "$".

0:02:50.637,0:02:53.556
Това означава, че първото, [br]което пишем, е долар,

0:02:53.556,0:02:56.526
след това две скоби, [br]защото е функция,

0:02:56.526,0:02:59.412
и разбира се точка и запетая.

0:02:59.412,0:03:01.928
Хубаво е, че името на тази функция [br]е толкова кратко,

0:03:01.928,0:03:05.756
защото ще я извикваме [br]доста често.

0:03:06.226,0:03:08.928
Има много неща, които можем [br]да подадем на тази функция,

0:03:08.928,0:03:10.300
но за този пример

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

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

0:03:17.697,0:03:19.724
то казва на jQuery да намери

0:03:19.724,0:03:23.095
всички елементи h1 на страницата

0:03:23.095,0:03:28.050
и да ги върне като jQuery обект [br]за колекция.

0:03:28.150,0:03:29.311
След като направих това

0:03:29.311,0:03:33.233
мога да извикам други методи [br]върху jQuery обекта,

0:03:33.233,0:03:37.200
за да манипулирам всички h1 [br]елементи, които намерих.

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

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

0:03:43.356,0:03:46.044
и да ѝ подам низ.

0:03:47.244,0:03:49.792
Случва се! [br]Да!

0:03:49.792,0:03:50.804
И сме готови!

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

0:03:53.029,0:03:56.910
Включихме jQuery библиотеката [br]с тага ,

0:03:56.910,0:03:59.819
казахме на jQuery да намери [br]всички h1 елементи на страницата,

0:03:59.819,0:04:03.643
а след това казахме на jQuery [br]да промени текста на всички тях.

0:04:03.643,0:04:06.332
Ако останеш с нас, ще минем [br]през още много неща

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

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

0:04:11.117,0:04:12.540
като използваме jQuery в отговор

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

0:04:14.353,0:04:18.558
плюс забавни неща [br]като анимации и ефекти.