1
00:00:00,770 --> 00:00:02,940
Ще ти видим как да започнеш

2
00:00:02,940 --> 00:00:05,722
да използваш jQuery 
в твоята уеб страница.

3
00:00:05,722 --> 00:00:09,005
Първата стъпка е 
да включиш библиотеката jQuery

4
00:00:09,005 --> 00:00:11,542
в кода си, като използваш 
тага .

5
00:00:12,232 --> 00:00:16,122
Досега в тага <script> 
поставяхме нашия JavaScript код,

6
00:00:16,122 --> 00:00:20,276
но този път ще добавя 
атрибута src.

7
00:00:20,276 --> 00:00:26,566
Трябва да му задам URL. 
Какъв е този URL?

8
00:00:26,566 --> 00:00:30,093
Ако работя на своя компютър 
и съм свалила jQuery

9
00:00:30,093 --> 00:00:32,525
в същата директория, в която 
е и моята уеб страница,

10
00:00:32,525 --> 00:00:36,473
мога просто да напиша 
"jquery.js" тук.

11
00:00:36,473 --> 00:00:39,408
Но тук в Кан Академията 
това няма да работи.

12
00:00:39,408 --> 00:00:43,096
Тук ми трябва абсолютният 
URL на jQuery

13
00:00:43,096 --> 00:00:45,885
от някакъв онлайн сървър.

14
00:00:45,885 --> 00:00:50,082
Има списък с тези URL-и на jquery.com,

15
00:00:50,622 --> 00:00:52,738
а аз ще взема един от тях 
и ще го поставя тук.

16
00:00:52,738 --> 00:00:54,430
Ето така.

17
00:00:54,430 --> 00:00:58,031
Добре. Сега ще ти обясня 
някои неща за този URL.

18
00:00:58,031 --> 00:01:01,820
Първото е, че започва с "https".

19
00:01:01,820 --> 00:01:05,231
Това означава, че е сигурен URL.

20
00:01:05,240 --> 00:01:08,680
В страниците на Кан Академията 
позволяваме

21
00:01:08,840 --> 00:01:11,200
да се използват само 
сигурни ресурси,

22
00:01:11,207 --> 00:01:15,343
а това като цяло е добра практика 
при разработката на уеб.

23
00:01:15,663 --> 00:01:18,862
Добре. Второто нещо е, 
че се намира

24
00:01:18,862 --> 00:01:22,751
на сървър на Google: 
googleapis.com.

25
00:01:22,751 --> 00:01:25,385
Този сървър се нарича CDN,

26
00:01:25,385 --> 00:01:27,921
мрежа за доставка на съдържание 
("content delivery network"),

27
00:01:27,921 --> 00:01:29,406
което означава, 
че е оптимизирана

28
00:01:29,406 --> 00:01:32,625
за доставяне на статични файлове 
като JavaScript библиотеки

29
00:01:32,625 --> 00:01:35,388
и ги доставя много бързо.

30
00:01:35,388 --> 00:01:38,164
Аз имам доверие 
на този Google сървър

31
00:01:38,164 --> 00:01:41,301
и като цяло трябва винаги 
да имаш доверие на сървърите,

32
00:01:41,301 --> 00:01:43,002
от които взимаш скриптове,

33
00:01:43,002 --> 00:01:47,240
тъй като те биха могли да направят 
лоши неща на твоята страница.

34
00:01:47,400 --> 00:01:50,013
Добре. Третото нещо е, 
че има номер на версията

35
00:01:50,013 --> 00:01:53,807
в този URL: 2.1.4.

36
00:01:53,807 --> 00:01:56,402
jQuery библиотеката 
се разработва активно

37
00:01:56,402 --> 00:01:59,015
и често има нови версии.

38
00:01:59,015 --> 00:02:03,279
Числата отляво показват 
главните промени във версиите,

39
00:02:03,279 --> 00:02:08,134
а числата отдясно 
показват малките промени.

40
00:02:08,134 --> 00:02:10,353
Тук използвам jQuery 2,

41
00:02:10,353 --> 00:02:12,295
което работи в 
съвременните браузъри,

42
00:02:12,295 --> 00:02:14,484
но не работи на IE8.

43
00:02:14,484 --> 00:02:15,635
За собствения си сайт

44
00:02:15,635 --> 00:02:17,340
можеш да решиш коя версия ще използваш

45
00:02:17,340 --> 00:02:19,627
според това, което ти трябва.

46
00:02:19,627 --> 00:02:22,809
Добре. Включихме jQuery.

47
00:02:22,809 --> 00:02:24,973
Нека започнем 
да я използваме

48
00:02:24,973 --> 00:02:28,266
в друг таг <script>.

49
00:02:30,226 --> 00:02:33,309
Всяка JavaScript библиотека 
предлага функции

50
00:02:33,309 --> 00:02:35,358
и дава имена на тези функции.

51
00:02:35,358 --> 00:02:37,010
Трябва да разгледаме документацията,

52
00:02:37,010 --> 00:02:39,262
за да намерим имената 
на тези функции

53
00:02:39,262 --> 00:02:41,761
и да разберем какво правят.

54
00:02:41,761 --> 00:02:45,444
Библиотеката jQuery предлага 
една главна функция

55
00:02:45,444 --> 00:02:47,524
с много кратко име.

56
00:02:47,524 --> 00:02:50,637
Само знак за долар "$".

57
00:02:50,637 --> 00:02:53,556
Това означава, че първото, 
което пишем, е долар,

58
00:02:53,556 --> 00:02:56,526
след това две скоби, 
защото е функция,

59
00:02:56,526 --> 00:02:59,412
и разбира се точка и запетая.

60
00:02:59,412 --> 00:03:01,928
Хубаво е, че името на тази функция 
е толкова кратко,

61
00:03:01,928 --> 00:03:05,756
защото ще я извикваме 
доста често.

62
00:03:06,226 --> 00:03:08,928
Има много неща, които можем 
да подадем на тази функция,

63
00:03:08,928 --> 00:03:10,300
но за този пример

64
00:03:10,300 --> 00:03:15,254
ще подам символния низ "h1".

65
00:03:16,319 --> 00:03:17,697
След като направя това,

66
00:03:17,697 --> 00:03:19,724
то казва на jQuery да намери

67
00:03:19,724 --> 00:03:23,095
всички елементи h1 на страницата

68
00:03:23,095 --> 00:03:28,050
и да ги върне като jQuery обект 
за колекция.

69
00:03:28,150 --> 00:03:29,311
След като направих това

70
00:03:29,311 --> 00:03:33,233
мога да извикам други методи 
върху jQuery обекта,

71
00:03:33,233 --> 00:03:37,200
за да манипулирам всички h1 
елементи, които намерих.

72
00:03:37,200 --> 00:03:39,939
Ако искам да променя текста в тях,

73
00:03:39,939 --> 00:03:43,356
мога да извикам функцията text()

74
00:03:43,356 --> 00:03:46,044
и да ѝ подам низ.

75
00:03:47,244 --> 00:03:49,792
Случва се! 
Да!

76
00:03:49,792 --> 00:03:50,804
И сме готови!

77
00:03:50,804 --> 00:03:53,029
Това е първият ни jQuery код.

78
00:03:53,029 --> 00:03:56,910
Включихме jQuery библиотеката 
с тага ,

79
00:03:56,910 --> 00:03:59,819
казахме на jQuery да намери 
всички h1 елементи на страницата,

80
00:03:59,819 --> 00:04:03,643
а след това казахме на jQuery 
да промени текста на всички тях.

81
00:04:03,643 --> 00:04:06,332
Ако останеш с нас, ще минем 
през още много неща

82
00:04:06,332 --> 00:04:07,653
много по-подробно,

83
00:04:07,653 --> 00:04:11,117
още начини да избираме и манипулираме елементи,

84
00:04:11,117 --> 00:04:12,540
като използваме jQuery в отговор

85
00:04:12,540 --> 00:04:14,353
на събития на потребителя на страницата,

86
00:04:14,353 --> 00:04:18,558
плюс забавни неща 
като анимации и ефекти.