WEBVTT 00:00:00.770 --> 00:00:02.612 İndi biz veb-səhifəmizdə jQuery-dən istifadənin 00:00:02.612 --> 00:00:05.722 əsasları ilə tanış olacayıq. 00:00:05.722 --> 00:00:09.005 İlk addım '<script>' etiketindən istifadə edərək jQuery 00:00:09.005 --> 00:00:11.542 kitabxanasını faktiki olaraq daxil etməkdir. 00:00:12.232 --> 00:00:16.122 Əvvəl ‘<script>’ teqindən qabaq 00:00:16.122 --> 00:00:20.276 ‘<script>’ daxil edirdiksə, indi ona ‘ src’=“ “ ‘da əlavə edəcəyik. 00:00:20.276 --> 00:00:24.391 İndi isə bunu URL ünvanına yazmalıyıq. 00:00:24.391 --> 00:00:26.566 Bunun URL ünvanı nə olacaq? 00:00:26.566 --> 00:00:28.628 Əgər biz kompüterimizdə işləyiriksə, 00:00:28.628 --> 00:00:30.093 və jQuery-ni veb səhifəmizlə 00:00:30.093 --> 00:00:32.525 eyni qovluğa endirmişiksə, 00:00:32.525 --> 00:00:36.473 bura sadəcə 'jquery.js' yaza bilərdik . 00:00:36.473 --> 00:00:39.408 Amma bu Khan Academy-də işimizə yaramıyacaq. 00:00:39.408 --> 00:00:43.096 Burada bizə onlayn serverdə 00:00:43.096 --> 00:00:45.885 jQuery-nin mütləq URL-i lazımdır. 00:00:45.885 --> 00:00:50.082 Burada jquery.com-də URL-in siyahısı var. 00:00:50.622 --> 00:00:52.738 Onlardan birini seçib uyğun yerə yapışdıraq. 00:00:52.738 --> 00:00:54.430 Alındı. 00:00:54.430 --> 00:00:56.119 Yaxşı. İndi bu URL haqqında 00:00:56.119 --> 00:00:58.031 bir neçə şeyi qeyd edək. 00:00:58.031 --> 00:01:01.820 Birincisi ‘https’ ilə başlamasıdır . 00:01:01.820 --> 00:01:05.231 Bu onun mühafizə URL-nın olduğundan xəbər verir. 00:01:05.231 --> 00:01:09.231 Biz sizə yalnız Khan Academy veb-səhifələrində təhlükəsiz 00:01:09.231 --> 00:01:11.207 resurslardan istifadə etməyə icazə veririk. 00:01:11.207 --> 00:01:15.343 Bu da bizə veb inkişafında yaxşı təcrübə qazandırır. 00:01:15.663 --> 00:01:18.862 Aha. İkincisi, bunun Google serverində 00:01:18.862 --> 00:01:22.751 təyin olunmasıdır : googleapis.com. 00:01:22.751 --> 00:01:25.385 Bu server CDN ya da 00:01:25.385 --> 00:01:27.921 məzmun çatdırma şəbəkəsi adlanır. 00:01:27.921 --> 00:01:29.406 Yəni o, JavaScript kitabxanaları kimi 00:01:29.406 --> 00:01:32.625 statik fayllara tez xidmət etmək 00:01:32.625 --> 00:01:35.388 göstərmək üçün optimallaşdırılmışdır. 00:01:35.388 --> 00:01:38.164 Google serveri etibar edə biləcəyimiz bir serverdir. 00:01:38.164 --> 00:01:41.301 Ümumiyyətlə, gətirəcəyiniz skriptlər 00:01:41.301 --> 00:01:43.002 həmişə güvənli olmalıdır, çünki onlar səhifənizdə 00:01:43.002 --> 00:01:47.240 hər an nasazlığa səbəb ola bilər. 00:01:47.400 --> 00:01:50.013 Üçüncüsü, bu URL-də 00:01:50.013 --> 00:01:53.807 versiya nömrəsinin olmasıdır: 2.1.4. 00:01:53.807 --> 00:01:56.402 jQuery kitabxanası aktiv inkişaf mərhələsindədir. 00:01:56.402 --> 00:01:59.015 Buna görə də onlar tez-tez yeni versiyalar buraxırlar. 00:01:59.015 --> 00:02:00.987 Ən soldakı rəqəm böyük 00:02:00.987 --> 00:02:03.279 versiya dəyişikliyini, ən sağdakı isə 00:02:03.279 --> 00:02:05.755 onun əksinə olaraq ən kiçik 00:02:05.755 --> 00:02:08.134 versiaya dəyişikliyini ifadə edir. 00:02:08.134 --> 00:02:10.353 Biz burada müasir brauzerlərdə işləyən, 00:02:10.353 --> 00:02:12.295 lakin IE8-də işləməyən 00:02:12.295 --> 00:02:14.484 jQuery 2-dən istifadə edək. 00:02:14.484 --> 00:02:15.635 Öz saytımızda bizə lazım olana əsasən 00:02:15.635 --> 00:02:19.627 hansı versiyanı istifadə edəcəyinizə qərar verə bilərsiniz. 00:02:19.627 --> 00:02:22.809 Yaxşı. Beləliklə, jQuery-ni daxil etdik. 00:02:22.809 --> 00:02:24.973 Gəlin bunu indi bunu başqa 00:02:24.973 --> 00:02:28.266 ‘<script>’ etiketimizdə istifadə edək. 00:02:30.226 --> 00:02:33.309 Hər bir JavaScript kitabxanası funksiyalarına təsir edir 00:02:33.309 --> 00:02:35.358 və funksiyalarına ad verir. 00:02:35.358 --> 00:02:37.010 Bu funksiya adlarının nə olduğunu 00:02:37.010 --> 00:02:39.262 və əslində nə işə yaradığını öyrənmək 00:02:39.262 --> 00:02:41.761 üçün sənədlərə baxmalıyıq. 00:02:41.761 --> 00:02:45.444 jQuery kitabxanası burada çox qısa ad ilə 00:02:45.444 --> 00:02:47.524 bir əsas funksiyanı təsvir edir. 00:02:47.524 --> 00:02:50.637 Bu dollar işarəsi ilə göstərilib. 00:02:50.637 --> 00:02:52.259 Beləki birinci olaraq 00:02:52.259 --> 00:02:53.556 dollar işarəsi yazacayıq. 00:02:53.556 --> 00:02:56.526 Sonra funksiya yazacağımız üçün 00:02:56.526 --> 00:02:59.412 qapalı mötərizədən istifadə edecəyik. 00:02:59.412 --> 00:03:01.928 Funksiya adını tez-tez çağıracağımız üçün 00:03:01.928 --> 00:03:05.756 adının qısa olması bizim üçün daha əlverişlidir. 00:03:06.226 --> 00:03:08.928 Bu funksiyaya yaza biləcəyimiz çox şey var, 00:03:08.928 --> 00:03:10.300 lakin bu giriş nümunəsi üçün 00:03:10.300 --> 00:03:15.254 sadəcə 'h1' sətrini ötürəcəm. 00:03:16.319 --> 00:03:17.697 İndi, biz bunu etdikdən sonra 00:03:17.697 --> 00:03:19.724 bu, jQuery-yə səhifədəki 00:03:19.724 --> 00:03:23.095 bütün 'h1' elementlərini tapmağı 00:03:23.095 --> 00:03:28.050 və onları jQuery kolleksiya obyekti kimi geri dönüşünü əmr edir. 00:03:28.150 --> 00:03:29.311 Bunu etdikdən sonra 00:03:29.311 --> 00:03:33.233 tapdığı bütün 'h1' elementlərini manipulyasiya etmək üçün 00:03:33.233 --> 00:03:37.200 jQuery obyektində digər metodları çağıra bilərəm. 00:03:37.200 --> 00:03:39.939 Əgr hamısının daxili mətnini dəyişmək istəsəm, 00:03:39.939 --> 00:03:43.356 ‘mətn' yəni ‘text’ funksiyasını 00:03:43.356 --> 00:03:46.044 çağırıb onu sətirlərə ötürə bilərik. 00:03:47.244 --> 00:03:48.492 Alındı. 00:03:48.492 --> 00:03:49.792 Əla! 00:03:49.792 --> 00:03:50.804 Biz bunu edə bildik. 00:03:50.804 --> 00:03:53.029 Bu, jQuery-nin ilk bitidir 00:03:53.029 --> 00:03:56.910 İlk olaraq jQuery kitabxanasını ( '' ) etiketi ilə daxil etdik, 00:03:56.910 --> 00:03:59.819 daha sonra jQuery-yə səhifədəki 'h1'ləri tapmağı 00:03:59.819 --> 00:04:03.643 və sonra jQuery-dən onların hamısının mətnini dəyişdirməyini göstəriş verdik. 00:04:03.643 --> 00:04:06.332 Daha sonraki videolarda səhifədəki istifadəçi 00:04:06.332 --> 00:04:07.653 hadisələrinə cavab vermək üçün jQuery-dən istifadə 00:04:07.653 --> 00:04:11.117 edərək elementləri seçmək və manipulyasiya etməyin 00:04:11.117 --> 00:04:14.353 daha çox yollarını, üstəlik, animasiya və effektləri 00:04:14.353 --> 00:04:18.558 olan əyləncəli materialları daha ətraflı nəzərdən keçirəcəyik.