1 00:00:00,000 --> 00:00:02,690 [Powered by Google Translate] [სემინარი თემაზე: jQuery] 2 00:00:02,690 --> 00:00:04,790 [Vipul Shekhawat, ჰარვარდის უნივერსიტეტი] 3 00:00:04,790 --> 00:00:08,000 [ეს არის CS50.] [CS50.TV] 4 00:00:08,000 --> 00:00:10,640 თუ თქვენ შემდეგ გასწვრივ სახლში, შეგიძლიათ რეალურად წვდომის ჩემი სლაიდები ხაზზე 5 00:00:10,640 --> 00:00:13,310 მიერ აპირებს ამ ბმულს. 6 00:00:13,310 --> 00:00:18,650 ეს TjjRWj, on bit.ly. 7 00:00:18,650 --> 00:00:20,700 ასევე შეგიძლიათ უბრალოდ წასვლა URL პირდაპირ, 8 00:00:20,700 --> 00:00:27,300 რაც cloud.cs50.net / ~ vshekhawat, რომელიც ჩემი სახელით, 9 00:00:27,300 --> 00:00:32,409 და jQuery. 10 00:00:32,409 --> 00:00:34,920 მე მაღალ გარწმუნებთ, რომ დაიცვას გასწვრივ თუ თქვენ თვალს სახლში, 11 00:00:34,920 --> 00:00:40,650 და თუ თქვენ აქ, ასევე, რადგან ეს არის საკმაოდ ინტერაქტიული პრეზენტაცია. 12 00:00:40,650 --> 00:00:43,160 >> ასე რომ, დღეს მე ვაპირებ ვისაუბრებთ jQuery, და პირველი კითხვა არის, 13 00:00:43,160 --> 00:00:45,300 რა არის jQuery? 14 00:00:45,300 --> 00:00:47,090 წელს, მე ვიცი, შენ არ დაფარული JavaScript 15 00:00:47,090 --> 00:00:51,080 როგორც ბევრი დეტალი როგორც ჩვენ გასულ წლებში. 16 00:00:51,080 --> 00:00:53,150 JavaScript არის, პირველ რიგში, უბრალოდ კლიენტის მხარის ენა 17 00:00:53,150 --> 00:00:58,390 რომ გამოიყენოთ აწარმოებს სკრიპტები და კოდი თითოეულ მომხმარებლის მანქანა. 18 00:00:58,390 --> 00:01:00,660 ასე რომ, თქვენ გაქვთ სერვერზე, რომელიც უზრუნველყოფს ვებ გვერდების ხალხს, 19 00:01:00,660 --> 00:01:02,600 მაგრამ თქვენ ალბათ გსურთ პერსონალის მათი მანქანა, 20 00:01:02,600 --> 00:01:08,060 ვთხოვთ მათ მანქანა გაგზავნას ითხოვს თქვენს სერვერზე ყოველ 30 წამში ან მსგავსი რამ. 21 00:01:08,060 --> 00:01:10,420 ამის გაკეთება შეგიძლიათ, რომ გამოყენებით JavaScript. 22 00:01:10,420 --> 00:01:13,190 JQuery მხოლოდ უზრუნველყოფს უფრო ფუნქციონალური თავზე JavaScript 23 00:01:13,190 --> 00:01:15,680 რომ არ დამატებითი პერსონალი თქვენთვის. 24 00:01:15,680 --> 00:01:17,710 თუ გადავხედავთ შინაარსი თავზე, 25 00:01:17,710 --> 00:01:21,410 რომ ასახავს ზოგიერთ პერსონალი, რომ თქვენ ვერ გააკეთებს. 26 00:01:21,410 --> 00:01:23,500 ასე რომ, მთლიანობაში კი, შეიქმნა 2006 წლის იანვარში. 27 00:01:23,500 --> 00:01:26,560 პირველად ჩაფიქრებული 2005 წლის აგვისტოში. 28 00:01:26,560 --> 00:01:31,370 ეს იყო დაახლოებით რამდენიმე წლის განმავლობაში, და ეს მართლაც ნაწილი ახალი ვებ 2.0 მოძრაობა 29 00:01:31,370 --> 00:01:34,330 რომ გააკეთა ინტერნეტ ისე გამოუყენებელი. 30 00:01:34,330 --> 00:01:37,630 ეს არის ყველაზე ფართოდ გამოიყენება JavaScript ბიბლიოთეკა. 31 00:01:37,630 --> 00:01:41,450 მეტი 19.6 მილიონი საიტებზე გამოყენება და გამოყენების კვლავ იზრდება 32 00:01:41,450 --> 00:01:45,640 შესაბამისად builtwith.com, რომელიც, სავარაუდოდ, ბოლო წლის განმავლობაში, 33 00:01:45,640 --> 00:01:49,710 ახლახანს დღითიდღე იზრდება საკმაოდ ხაზოვანი. 34 00:01:49,710 --> 00:01:52,870 მათ შორის ყველაზე 10 მილიონი ადგილები, იქ მაინც - 35 00:01:52,870 --> 00:01:55,180 დაახლოებით 40%, ვინც გაკეთებული გამოყენება. 36 00:01:55,180 --> 00:01:58,540 Facebook იყენებს, უამრავი სხვა საიტებზე გაკეთებული გამოიყენოს იგი. 37 00:01:58,540 --> 00:02:01,540 შეგიძლიათ გამოიყურება იმ სტატისტიკის საკუთარ, თუ გსურთ. 38 00:02:01,540 --> 00:02:05,820 თქვენ ვერ გეტყვით, რომ ეს GE დაბრუნება, რადგან მას ფუნდამენტური და 13 სამეურვეო საბჭოს წევრების, 39 00:02:05,820 --> 00:02:11,910 ერთად გუნდი 20 ადამიანი, რომლებიც მუშაობენ იგი რეგულარულად. 40 00:02:11,910 --> 00:02:16,110 ამიტომ ძალიან ფართოდ გამოიყენება, მას აქვს. ორგ URL, ეს ლამაზი, 41 00:02:16,110 --> 00:02:21,660 მას spin ღ სხვა პერსონალი, ამიტომ დიდი გარიგება. 42 00:02:21,660 --> 00:02:24,510 >> რატომ უნდა გამოვიყენოთ? JQuery არის ძალიან მსუბუქი. 43 00:02:24,510 --> 00:02:27,270 ეს იმას ნიშნავს, რომ ეს არ არის დიდი ფაილი. თქვენ შეგიძლიათ 44 00:02:27,270 --> 00:02:31,540 minified ფაილი, რომელიც არის გარეშე ყველა თეთრი სივრცე და კომენტარები, და ეს მხოლოდ 32 kB. 45 00:02:31,540 --> 00:02:33,600 ასე რომ, ეს ადვილი მხოლოდ toss თქვენს ვებ გვერდზე 46 00:02:33,600 --> 00:02:35,910 და მხოლოდ იმიტომ, რომ დაიწყოს მისი გამოყენება. 47 00:02:35,910 --> 00:02:39,630 ეს არის ასევე ძალიან ეფექტურად დაწერილი, ასე რომ არ დასჭირდეს ბევრი - 48 00:02:39,630 --> 00:02:42,550 ეს არ შენელდება თქვენი ნახვა, როცა გამოიყენოს იგი. 49 00:02:42,550 --> 00:02:45,770 იგი საშუალებას გაძლევთ განახორციელოს რამ, რომლებიც ადრე unfeasible. 50 00:02:45,770 --> 00:02:47,790 არსებობს ასპექტები ფუნქციონირება, 51 00:02:47,790 --> 00:02:51,780 მსგავსად შექმნა ანიმაცია, რომ ჩვეულებრივ იქნება ძალიან, ძალიან რთულია. 52 00:02:51,780 --> 00:02:54,300 მაგრამ jQuery ისინი რეალურად ძალიან მარტივია. 53 00:02:54,300 --> 00:02:57,040 და არსებობს რამ, რაც შემაშფოთებელი უნდა გააკეთოს, 54 00:02:57,040 --> 00:02:59,610 შესაძლებელია JavaScript, გაგზავნის მსგავსი POST მოთხოვნით, 55 00:02:59,610 --> 00:03:02,190 მაგრამ გამოაგზავნოს თხოვნა სერვერზე, თქვენ უნდა დაწეროს 56 00:03:02,190 --> 00:03:04,320 ხუთი ან ექვსი ან შვიდი ხაზი კოდი. 57 00:03:04,320 --> 00:03:07,200 ახლა თქვენ შეგიძლიათ ამის გაკეთება ერთი ხაზი კოდი, ერთ ფუნქციას ზარი. 58 00:03:07,200 --> 00:03:11,790 რომ ნამდვილად ამარტივებს ბევრი პერსონალი, რომ თქვენ აკეთებთ. 59 00:03:11,790 --> 00:03:15,950 და ყველა მაგარი ბავშვია გამოყენება. იმ, ვგულისხმობ მე. 60 00:03:15,950 --> 00:03:19,270 ჩემი საბოლოო პროექტი გასულ წელს, რაც news.whrb.org, 61 00:03:19,270 --> 00:03:22,530 რაც შეეხება რადიოს, მე შეიქმნა ამ დღიურში 62 00:03:22,530 --> 00:03:29,750 რაც მასპინძლობს ყველა აჩვენებს, რომ ჩვენ გავაკეთეთ და MP3 ფაილი მათთვის. 63 00:03:29,750 --> 00:03:32,070 თქვენ შეგიძლიათ დაათვალიეროთ წარსული გვიჩვენებს, 64 00:03:32,070 --> 00:03:34,130 და ეს ყველაფერი კეთდება გამოყენებით jQuery. თქვენ შეგიძლიათ თქვათ 65 00:03:34,130 --> 00:03:37,340 იმიტომ, რომ ყველა ამ ანიმაცია, არსებითად. 66 00:03:37,340 --> 00:03:42,360 ასე რომ, თუ თქვენ გაქვთ - თუ თქვენ შექმნა ახალი ჩანაწერი, 67 00:03:42,360 --> 00:03:45,980 ხედავთ ამ პატარა slideDowns, რომ ყველაფერი გაკეთდეს გამოყენებით jQuery. 68 00:03:45,980 --> 00:03:49,140 ეს fade - ისე, რომ მსგავსი საქმიანობები ყველაფერი გაკეთდეს გამოყენებით jQuery, 69 00:03:49,140 --> 00:03:52,720 და თქვენ არ უხდებათ გამუდმებით განაახლეთ გვერდი ნავიგაცია საიტზე. 70 00:03:52,720 --> 00:03:57,220 კიდევ ერთი მაგარი რამ რაც გააკეთა გამოყენებით jQuery ეს პრეზენტაცია. 71 00:03:57,220 --> 00:03:59,700 მე გამოყენებით ამ ღია რამ მოუწოდა scrolldeck, 72 00:03:59,700 --> 00:04:03,250 რაც ვინმე წერს თავზე jQuery. 73 00:04:03,250 --> 00:04:04,870 თუ თქვენ რეალურად შევხედოთ წყარო, თქვენ ხედავთ, რომ 74 00:04:04,870 --> 00:04:07,830 ისინი გამოყენებისას დოლარი ნიშანს; დოლარი ნიშნები 75 00:04:07,830 --> 00:04:12,110 გამოიყენება jQuery ნიშნავდეს, რომ ფუნქცია jQuery ფუნქცია. 76 00:04:12,110 --> 00:04:15,020 ასე რომ, ისინი განსაზღვრის wrapper თავზე jQuery 77 00:04:15,020 --> 00:04:18,570 რომელიც საშუალებას გაძლევთ, რათა პრეზენტაცია ასე, 78 00:04:18,570 --> 00:04:21,200 და თქვენ ხედავთ, რომ აქ ისინი, მათ შორის ორიგინალური jQuery ფაილი, 79 00:04:21,200 --> 00:04:24,120 რაც თქვენ უნდა შეიცავდეს თუ გსურთ გამოიყენოთ jQuery 80 00:04:24,120 --> 00:04:30,450 საკუთარი საიტებზე. 81 00:04:30,450 --> 00:04:32,790 >> ეხება იმ, როგორ დააყენოთ იგი? 82 00:04:32,790 --> 00:04:36,150 შეგიძლიათ უბრალოდ წასვლა jQuery.com და იწერთ, 83 00:04:36,150 --> 00:04:38,320 დაამატოთ ეს ვებ დირექტორიაში და მოიცავს იგი. 84 00:04:38,320 --> 00:04:42,200 ასე რომ, მხოლოდ თავზე, თავის არეში tag თქვენი HTML ფაილი 85 00:04:42,200 --> 00:04:45,400 თქვენი მთავარი HTML ფაილი, უბრალოდ უნდა რომ ხაზი კოდი 86 00:04:45,400 --> 00:04:49,490 სწორი მობილური რისთვისაც მობილური jQuery თქვენ იყენებთ. 87 00:04:49,490 --> 00:04:51,340 თქვენ შეგიძლიათ მიერ აპირებს jQuery.com, 88 00:04:51,340 --> 00:04:55,130 დაწკაპეთ "ჩამოტვირთვა jQuery," და თქვენ გაქვთ იგი. აი ეს. 89 00:04:55,130 --> 00:04:58,880 და ფაქტობრივად, ჩვენ შეგვიძლია შევხედოთ რას ჰგავს. 90 00:04:58,880 --> 00:05:01,080 თუ თქვენ დააჭირეთ download აქ, jQuery არის ეს. 91 00:05:01,080 --> 00:05:05,260 უბრალოდ ერთი დიდი JavaScript ფაილი, რომელიც ყველაფერს აკეთებს ჯადოსნური პერსონალი თქვენთვის. 92 00:05:05,260 --> 00:05:09,270 ეს არის minified ვერსია, რომელიც არ იკითხება ყველა. 93 00:05:09,270 --> 00:05:13,180 თქვენ ასევე შევხედოთ განვითარება ვერსია, რომელიც იკითხება 94 00:05:13,180 --> 00:05:15,370 მაგრამ მაინც ძალიან, ძალიან ხანგრძლივი. 95 00:05:15,370 --> 00:05:17,980 ეს ბევრი პერსონალი იქ. 96 00:05:17,980 --> 00:05:20,240 თქვენ ასევე უკავშირებენ Google-ის უმასპინძლა მობილური იგი. 97 00:05:20,240 --> 00:05:23,820 ასე რომ ყველაფერს საშუალებას გაძლევთ მხოლოდ დაეყრდნოს Google უზრუნველყოს იგი. 98 00:05:23,820 --> 00:05:29,310 იგი ყოველ მობილური იგი, შესაძლებელია ნებისმიერ დროს. 99 00:05:29,310 --> 00:05:31,530 ასე რომ, თქვენ ალბათ დაეყრდნოს Google უმასპინძლებს იგი თქვენთვის. 100 00:05:31,530 --> 00:05:33,270 ან შეგიძლიათ ბმული jQuery საკუთარი უახლესი ვერსია. 101 00:05:33,270 --> 00:05:36,400 მათ აქვთ URL რომ ყოველთვის განახლებული უახლესი ვერსია. 102 00:05:36,400 --> 00:05:40,850 ეს jQuery-ის ბოლო, და არსებობს ერთი პრობლემა, რომ 103 00:05:40,850 --> 00:05:44,350 რაც არის, რომ თუ განახლება jQuery და ზოგიერთი წინა ფუნქციონალური 104 00:05:44,350 --> 00:05:47,250 მათ ხდება retrograded ან უარყოფილია, 105 00:05:47,250 --> 00:05:49,620 არ შეიძლება - ეს შეიძლება დაიწყოს ვერ უჭერს მხარს აღარ. 106 00:05:49,620 --> 00:05:52,940 ასე რომ, თუ წერთ ნახვა გამოყენებით მობილური 1.8.2, 107 00:05:52,940 --> 00:05:55,000 იმ დროისთვის მობილური 2,7 გამოდის 108 00:05:55,000 --> 00:05:57,000 ზოგიერთი ფუნქციების თქვენ წერდა არ მუშაობს აღარ. 109 00:05:57,000 --> 00:05:59,930 ასე რომ, უმჯობესია, მხოლოდ ჩამოტვირთოთ 32 kB ფაილი, 110 00:05:59,930 --> 00:06:04,100 დააყენა იგი თქვენს ვებ გვერდზე, და ეს ვიმუშავებთ სამუდამოდ. 111 00:06:04,100 --> 00:06:07,450 >> მე ვაპირებ წავიდეთ წინ და დავიწყოთ საუბარი ფაქტობრივი ფუნქციონირება jQuery. 112 00:06:07,450 --> 00:06:13,090 პირველი ის არის, სელექციონერები. ეს არის ის, რაც jQuery თავდაპირველად ჩაფიქრებული უზრუნველყოს. 113 00:06:13,090 --> 00:06:15,500 და დააკლიკეთ დოკუმენტაცია შევხედოთ 114 00:06:15,500 --> 00:06:18,690 დეტალური დოკუმენტაცია სელექციონერები მე ვაპირებ გააშუქებს. 115 00:06:18,690 --> 00:06:24,120 იდეის უკან სელექციონერები არის, რომ თქვენ შეგიძლიათ HTML ელემენტების გვერდზე. 116 00:06:24,120 --> 00:06:28,790 ელემენტების გვერდზე აქვს პირადობის მოწმობა და კლასების და სხვა იდენტიფიკაციის ასპექტები მათ. 117 00:06:28,790 --> 00:06:30,500 არის ასევე - they're სხვადასხვა ბრძანებებს. 118 00:06:30,500 --> 00:06:32,570 ზოგიერთი დროს ისინი წყობილი შიგნით ერთმანეთს. 119 00:06:32,570 --> 00:06:38,120 JQuery გაძლევთ ააშენოს მარტივი შეკითხვებს რომ ვიღებ ელემენტების გვერდზე. 120 00:06:38,120 --> 00:06:41,890 ამის შემდეგ შეგიძლიათ მანიპულირება ამ ელემენტების გამოყენებით jQuery ფუნქციები, 121 00:06:41,890 --> 00:06:43,990 რაც მანიპულირება მონაკვეთზე მივიღებთ, რათა მოგვიანებით. 122 00:06:43,990 --> 00:06:46,040 შეცვლა შეგიძლიათ HTML, შეცვალოს CSS, 123 00:06:46,040 --> 00:06:50,500 ასევე შეგიძლიათ animate და დამატება ფუნქციებს, გაააქტიუროთ გარკვეულ მოვლენებს. 124 00:06:50,500 --> 00:06:52,710 ასე, მაგალითად, თუ რამე ის დაწკაპავთ, გსურთ რაიმე უნდა მოხდეს, 125 00:06:52,710 --> 00:06:55,210 შეგიძლიათ გააკეთოთ, რომ გამოყენებით jQuery ასევე. 126 00:06:55,210 --> 00:06:57,380 გარდა ამისა არსებობს დიდი რაოდენობით გზები შესარჩევად ელემენტებს. 127 00:06:57,380 --> 00:07:00,310 მათი უმრავლესობა მე არ გამოიყენება, მაგრამ არის ძირითადი პირობა, 128 00:07:00,310 --> 00:07:02,340 რომელიც არის საკმაოდ მნიშვნელოვანი. 129 00:07:02,340 --> 00:07:05,750 ელემენტის არჩევის, მაგალითად, თუ თქვენ მხოლოდ შერჩევის არაფერი 130 00:07:05,750 --> 00:07:10,640 რომ არის div - I რეალურად კოდი ღიაა ამ slide პრეზენტაცია. 131 00:07:10,640 --> 00:07:13,450 ასე, მაგალითად, აქ არის პირველი slide. 132 00:07:13,450 --> 00:07:17,430 აქ div. თუ ჩვენ რეალურად შეარჩიოთ ყველა divs გვერდზე, 133 00:07:17,430 --> 00:07:22,300 ეს უბრალოდ გვაძლევს მასივი ყველა divs, რომ არსებობს ამ ფაილი. 134 00:07:22,300 --> 00:07:27,040 ID არჩევის გაძლევთ შერჩევა არაფერი მოცემული პირადობის მოწმობა. 135 00:07:27,040 --> 00:07:32,230 ასე რომ, თუ ეს, მაგალითად, ეს რამ აქვს ID "რა" 136 00:07:32,230 --> 00:07:37,160 და თუ ჩვენ ამას ერთად # თუ რა ნაცვლად ზოგიერთი ID, 137 00:07:37,160 --> 00:07:42,920 იგი დააბრუნებს მასივი, რომელსაც აქვს ერთ ელემენტს და რომ ის არის, რომ ელემენტია გვერდზე. 138 00:07:42,920 --> 00:07:45,490 ჩვენ ასევე გაერთიანდება სელექციონერები ამ გზით მიერ, რომელსაც 139 00:07:45,490 --> 00:07:48,260 მხოლოდ შერჩევა რამ პირადობის მოწმობები, რომლებიც divs. 140 00:07:48,260 --> 00:07:51,810 ასე რომ, yeah. მხოლოდ შერჩევა divs რომ აქვს, რომ პირადობის მოწმობა. 141 00:07:51,810 --> 00:07:55,260 კლასი უბრალოდ გამოიყენოთ dot, ეს იგივე როგორც CSS. 142 00:07:55,260 --> 00:07:57,500 შთამომავალი ასევე მუშაობს, ამიტომ, თუ თქვენ გაქვთ გარკვეული კლასი 143 00:07:57,500 --> 00:08:00,170 და ეს წყობილი ელემენტები მასში - ასე, მაგალითად, 144 00:08:00,170 --> 00:08:03,260 არსებობს გარკვეული დონის და მას წამყვანმა tag უკავშირებენ კიდევ ერთ გვერდზე, 145 00:08:03,260 --> 00:08:08,510 შეგიძლიათ გამოიყენოთ ეს სინტაქსი ვიღებ ბმული. 146 00:08:08,510 --> 00:08:12,420 ასევე შეგიძლიათ აირჩიოთ მრავალი რამ ერთბაშად, ისევე გამოყოფა მათ მძიმეები, 147 00:08:12,420 --> 00:08:17,360 ნებისმიერი არჩევის გსურთ და შეარჩევენ ყველა მათგანი ერთდროულად, ერთ მასივი. 148 00:08:17,360 --> 00:08:19,650 შემდეგ კი ასევე არ არჩევის, ასე რომ თქვენ შეგიძლიათ ყველა divs 149 00:08:19,650 --> 00:08:24,210 რომლებსაც არ გააჩნიათ რაიმე კონკრეტული კლასის. 150 00:08:24,210 --> 00:08:28,790 და ეს მხოლოდ სასარგებლოა გზა დანერგვა თუ როგორ შერჩევა მუშაობს. 151 00:08:28,790 --> 00:08:32,270 მე ნახოთ კონკრეტული მაგალითები მეორე. 152 00:08:32,270 --> 00:08:35,480 >> დამატებითი ფუნქცია სელექციონერები არიან - ეს მხოლოდ რამდენიმე მაგალითი. 153 00:08:35,480 --> 00:08:38,840 არსებობს რამდენიმე ათეული ეს, მაგრამ თუ გვინდა, რომ შეარჩიოთ ყველა სურათის tags 154 00:08:38,840 --> 00:08:42,799 შემადგენლობა რამდენიმე ელემენტს, მაშინ მხოლოდ ამის გაკეთება: იმიჯი. 155 00:08:42,799 --> 00:08:45,340 თუ გსურთ შესარჩევად კი ელემენტები, მაგალითად, თუ არსებობს 20 მათგანი, 156 00:08:45,340 --> 00:08:48,290 უნდა აირჩიოთ 0, 2, 4, 6 და ასე შემდეგ, 157 00:08:48,290 --> 00:08:51,630 აკეთებთ: კი, ან შეგიძლიათ გააკეთოს: უცნაური. 158 00:08:51,630 --> 00:08:55,470 ეს არის ფსევდო სელექციონერები, რაც იმას ნიშნავს, რომ ისინი რეალურად გამოთვლაც 159 00:08:55,470 --> 00:09:00,960 ყველა სხვა ელემენტს არა აპირებს და შერჩევის ყველა მათგანი. 160 00:09:00,960 --> 00:09:05,510 თქვენ ასევე - თითოეული ელემენტის ასევე შეუძლია კონკრეტული ატრიბუტები. 161 00:09:05,510 --> 00:09:10,580 ასე, მაგალითად, კლასის = ცენტრში ასევე ატრიბუტი. 162 00:09:10,580 --> 00:09:16,500 ამ წამყვანმა tag, href, ჰიპერტექსტის მითითება, არის ატრიბუტები ასევე. 163 00:09:16,500 --> 00:09:21,150 ასე რომ, შეგიძლიათ აირჩიოთ ის, რაც დაბლა კონკრეტული ან მხოლოდ - ეს ნამდვილად კულტურას. 164 00:09:21,150 --> 00:09:25,410 თქვენ შეგიძლიათ არაფერი რაიმე ატრიბუტი, რომ გსურთ. 165 00:09:25,410 --> 00:09:27,470 შემდეგ კი, ასევე, ატრიბუტებს შეიცავს. 166 00:09:27,470 --> 00:09:30,420 თუ თქვენ, მაგალითად, სურდა შეარჩიოთ ყველა შეტანის ელემენტები 167 00:09:30,420 --> 00:09:32,700 რომ აქვს სიტყვა "უღელტეხილზე", როგორც სახელწოდება, მათ შორის, 168 00:09:32,700 --> 00:09:37,560 თუ გვერდს შეტანის ტექსტური ბლოკის 169 00:09:37,560 --> 00:09:41,050 რომ ე.წ. "პაროლი", რომ მინდა იყოს ერთი გზა შეგიძლიათ აირჩიოთ, რომ. 170 00:09:41,050 --> 00:09:43,020 და ბევრი სხვა. შეგიძლიათ წავიდეთ წინ და შეხედეთ დოკუმენტაცია 171 00:09:43,020 --> 00:09:46,950 და ვნახოთ კონკრეტული მაგალითი, თუ როგორ მუშაობს. 172 00:09:46,950 --> 00:09:48,840 >> შემდეგი რამ არის DOM მანიპულირება. 173 00:09:48,840 --> 00:09:52,500 მას შემდეგ რაც შერჩევა ელემენტები, ჩვენ გვინდა, რომ რეალურად გააკეთოს პერსონალის მათთან. 174 00:09:52,500 --> 00:09:55,500 აქამდე ჩვენ არ შევხედე, რომ ყველა, მაგრამ თუ გადავხედავთ დოკუმენტაცია, 175 00:09:55,500 --> 00:09:57,950 იქ მართლაც ძალიან ბევრი, რომ ჩვენ შეგვიძლია გავაკეთოთ. 176 00:09:57,950 --> 00:10:02,900 ამ ეტაპზე, ჩვენ ვაპირებთ შესარჩევად ელემენტები ამ პრეზენტაცია 177 00:10:02,900 --> 00:10:04,890 და მანიპულირება მათი გამოყენებით jQuery. 178 00:10:04,890 --> 00:10:08,290 იმიტომ, რომ ეს ხორციელდება გამოყენებით jQuery, ჩვენ გვაქვს წვდომა jQuery ბიბლიოთეკა, 179 00:10:08,290 --> 00:10:13,580 და ჩვენ შეგვიძლია გამოვიყენოთ ამ ფუნქციების ფარგლებში კოდი. 180 00:10:13,580 --> 00:10:16,200 ერთი სასარგებლო რამ, რაც შეიძლება არ იცოდეთ შესახებ არის console. 181 00:10:16,200 --> 00:10:19,340 და Google Chrome არის ის, რაც მე გამოყენებით. შეგიძლიათ დააჭირეთ alt ბრძანება J 182 00:10:19,340 --> 00:10:21,720 ან alt კონტროლის J გახსნა კონსოლი. 183 00:10:21,720 --> 00:10:26,130 In Firefox ვფიქრობ, რომ ეს ბრძანება ცვლის K ან კონტროლის ცვლა კ 184 00:10:26,130 --> 00:10:28,880 In Safari თქვენ უნდა შეცვალოს ზოგიერთი პარამეტრები. 185 00:10:28,880 --> 00:10:35,460 აქ არის ბმული თუ გსურთ ამის გაკეთება, მაგრამ მე რეკომენდაციას მიღების Chrome ან Firefox. 186 00:10:35,460 --> 00:10:37,750 მოდით ქმნის console, ეს ყველაფერი აქ. 187 00:10:37,750 --> 00:10:41,170 ეს გაძლევთ საშუალებას ძირითადად, მხოლოდ არაფერი გსურთ. 188 00:10:41,170 --> 00:10:45,100 ასე რომ, შეგიძლიათ უბრალოდ აკრიფოთ შექმნა ცვლადში x, 189 00:10:45,100 --> 00:10:49,200 x = 5, ვნახოთ რა x + 2 არის. 190 00:10:49,200 --> 00:10:57,670 თქვენ კი ამის გაკეთება რაღაც CS + ვნახოთ, x + 45, რომელიც იქნება CS50. 191 00:10:57,670 --> 00:11:00,530 შეგიძლიათ უბრალოდ გავაკეთოთ ზოგიერთი ტიპიური JavaScript პერსონალი. 192 00:11:00,530 --> 00:11:02,730 მაგრამ ასევე შეგიძლიათ ამის გაკეთება jQuery აქ. 193 00:11:02,730 --> 00:11:06,200 >> მოდით შევხედოთ ამ პირველი ასპექტი აქ. 194 00:11:06,200 --> 00:11:09,500 ჩვენ ვაპირებთ, რომ შევქმნათ ცვლადში HTML, რომელიც სიმებიანი. 195 00:11:09,500 --> 00:11:15,890 მას აქვს პუნქტის tag ის, რომ ე.წ. ახალი ტექსტი. 196 00:11:15,890 --> 00:11:19,420 ასე რომ, ჩვენ გვაქვს ეს HTML, ეს ახალი ტექსტი, პუნქტში tags. 197 00:11:19,420 --> 00:11:21,800 ახლა ჩვენ ნამდვილად გინდათ დაამატოთ ეს გვერდი. 198 00:11:21,800 --> 00:11:28,310 მე მითითებული ეს ისე, რომ HTML ეს პუნქტის, ამ სათაურით აქ არის დამატება ID. 199 00:11:28,310 --> 00:11:32,320 თუ ჩვენ შერჩევა დამატება ID და შემდეგ დამატება კი 200 00:11:32,320 --> 00:11:34,560 HTML ცვლადი უბრალოდ შექმნილი, 201 00:11:34,560 --> 00:11:40,370 მას დავუმატებთ, რომ HTML ბოლოს, მას შემდეგ, რაც ამ პუნქტის აქვს. 202 00:11:40,370 --> 00:11:43,730 ასე რომ, თუ ჩვენ გავაკეთებთ, რომ - შევარჩიეთ ამ პუნქტის, 203 00:11:43,730 --> 00:11:47,590 და ჩვენ მოუწოდა დამატება ფუნქციის HTML ცვლადი უბრალოდ დასძინა, 204 00:11:47,590 --> 00:11:50,960 მას დავუმატებთ, რომ ახალი ტექსტის უფლება არსებობს გვერდზე. 205 00:11:50,960 --> 00:11:54,970 ჩვენ ასევე prepend ეს იმას ნიშნავს რომ წავა ადრე, დასაწყისში, რომ ელემენტს. 206 00:11:54,970 --> 00:11:58,290 ასე რომ, არსებობს გარკვეული ახალი ტექსტის დასაწყისში და შემდეგ. 207 00:11:58,290 --> 00:12:01,660 შემიძლია წავიდეთ წინ და ამოცნობა, თავი დაეღწია ამ პერსონალის მე მხოლოდ გაკეთდეს. 208 00:12:01,660 --> 00:12:05,280 მაგრამ ეს მაგალითია, თუ როგორ შეგიძლიათ გამოიყენოთ prepend და დამატება მეთოდები 209 00:12:05,280 --> 00:12:08,910 მანიპულირება პერსონალის გვერდზე, დავამატებ HTML. 210 00:12:08,910 --> 00:12:11,080 >> ასევე შეგიძლიათ შეცვალოს კლასებში. 211 00:12:11,080 --> 00:12:14,970 უკან ამ სტილის ფაილი, მე შექმნილი ეს გამარჯვება კლასი 212 00:12:14,970 --> 00:12:19,990 რომ აქვს ტექსტის ფერი წითელი, ზოგიერთი ფონის ფერის და ტექსტის ჩრდილი. 213 00:12:19,990 --> 00:12:23,810 როგორც ჩანს hideous, მაგრამ შემიძლია რეალურად - 214 00:12:23,810 --> 00:12:26,410 ამ პუნქტის შეესაბამება კლასი პირადობის მოწმობა. 215 00:12:26,410 --> 00:12:29,860 ასე, რომ შეიძლება დაემატოს კლასი გამარჯვება. 216 00:12:29,860 --> 00:12:31,870 შემიძლია შეასრულოს ეს კონსოლი, 217 00:12:31,870 --> 00:12:35,480 და რომ დავუმატებთ, რომ კლასი, და ახლა იგი გამოიყურება hideous, როგორც მოსალოდნელი იყო. 218 00:12:35,480 --> 00:12:39,680 სოციალურ მეცნიერებათა ცენტრის ავტომატურად იღებს მიმართა კლასების, რომ თქვენ - 219 00:12:39,680 --> 00:12:42,680 თუ იქ ცენტრი კლასის, ეს ავტომატურად იღებს მიმართა 220 00:12:42,680 --> 00:12:44,680 თუ შეცვლის კლასი ელემენტს. 221 00:12:44,680 --> 00:12:49,230 ამის შემდეგ ჩვენ შეგვიძლია მხოლოდ ამოიღონ ის გამოყენებით remove კლასის. 222 00:12:49,230 --> 00:12:53,690 ასე რომ, თუ გაქვთ განსაზღვრული კლასების მსგავსად წითელი ან ხაზი გაუსვა, 223 00:12:53,690 --> 00:12:55,990 და შემდეგ გსურთ ვრცელდება იმ ელემენტებით, 224 00:12:55,990 --> 00:12:58,230 თქვენ არ გაქვთ ყველაფერი CSS სწავლება ყოველ ჯერზე. 225 00:12:58,230 --> 00:13:01,510 შეგიძლიათ უბრალოდ დაამატოთ კლასს, ელემენტის, ხოლო შემდეგ იგი ავტომატურად გახდება - 226 00:13:01,510 --> 00:13:05,580 ეს ავტომატურად გამოიყურებოდეს შესაბამისი, რომ კლასი. 227 00:13:05,580 --> 00:13:07,900 ჩვენ ასევე ამოიღონ რამ, ამიტომ მე ვაპირებ შეარჩიოთ ყველა divs 228 00:13:07,900 --> 00:13:10,830 გვერდზე და ამოიღონ მათ. 229 00:13:10,830 --> 00:13:13,990 რა არის, რომ აპირებს გამოიყურებოდეს? 230 00:13:13,990 --> 00:13:16,170 იგი აპირებს გამოიყურებოდეს არაფერი, ასე რომ რეალურად არაფერი დარჩა. 231 00:13:16,170 --> 00:13:18,170 ჩემი პრეზენტაცია გაქრა. 232 00:13:18,170 --> 00:13:21,290 შემიძლია ამოცნობა და მოუტანს მას უკან, საბედნიეროდ, 233 00:13:21,290 --> 00:13:24,420 იმიტომ, რომ ეს უბრალოდ გაშვებული ერთხელ, 234 00:13:24,420 --> 00:13:29,460 მაგრამ ეს მაგალითი მოხსნის, თუ გვინდა, რომ მთლიანად გაანადგურებს ელემენტს off გვერდზე. 235 00:13:29,460 --> 00:13:33,180 >> თქვენ ასევე გადაწერა, და მე ვაპირებ შეარჩიოთ ყველა პუნქტის tags გვერდზე 236 00:13:33,180 --> 00:13:36,850 და წავიდეთ შიგნით მათ და შეცვლის რაც არ უნდა ტექსტის აქვთ მათ 237 00:13:36,850 --> 00:13:39,690 მხოლოდ სიტყვა "ტესტირება". 238 00:13:39,690 --> 00:13:46,520 თუ ამის, თქვენ შეცვალოს ყველა პუნქტი გვერდზე ეს ტესტირება. 239 00:13:46,520 --> 00:13:49,150 Yep. ისინი ყველა შეიცვალოს ტესტირება. 240 00:13:49,150 --> 00:13:53,270 ასე რომ, მაგალითად მიღების ტექსტი და overwriting მას. 241 00:13:53,270 --> 00:13:57,490 ასევე შეგიძლიათ მიიღოთ ინფორმაცია, და ეს ნამდვილად ზემოთ for შეტანის ყუთები. 242 00:13:57,490 --> 00:14:00,470 თუ თქვენ გაქვთ შეტანის ყუთი, რომ ხალხი ბეჭდვის პერსონალის შევიდა, 243 00:14:00,470 --> 00:14:03,880 ხალხი ბეჭდვის პერსონალის შევიდა, 244 00:14:03,880 --> 00:14:09,030 აქ ჩვენ შერჩევა შეყვანა, ნებისმიერი ფორმით შეყვანა tag რომელზეც ტიპის ტექსტი. 245 00:14:09,030 --> 00:14:13,800 ამ შემთხვევაში, მხოლოდ ერთი შეტანის ყუთი მთელი პრეზენტაცია, 246 00:14:13,800 --> 00:14:17,260 ასე რომ ჩვენ უბრალოდ აირჩიეთ პირველი და შემდეგ ჩვენ მოვუწოდებთ val ფუნქციის იგი. 247 00:14:17,260 --> 00:14:19,570 რომ დააბრუნებს ღირებულება, ხოლო შეყვანის ყუთი, 248 00:14:19,570 --> 00:14:24,330 ღირებულება მხოლოდ რაც არ უნდა მოხდეს, რომ იყოს მის შიგნით. 249 00:14:24,330 --> 00:14:31,880 ასე რომ, თუ ამას ვაკეთებთ, ეს მხოლოდ ბრუნდება სიმებიანი პერსონალი. 250 00:14:31,880 --> 00:14:36,860 და თუ ჩვენ მას შემდეგ კვლავ წერილობით მეტი პერსონალი, ის იქცევა მეტი პერსონალი. 251 00:14:36,860 --> 00:14:40,760 ეს ერთი დიდი გზა ხელმისაწვდომობის ელემენტების შეტანის ყუთი, ხოლო შემდეგ ჩეკი, 252 00:14:40,760 --> 00:14:45,060 ეს მოქმედი ელფოსტა, არის ეს სწორი თარიღი, მაგალითად. 253 00:14:45,060 --> 00:14:49,600 შეგიძლიათ უბრალოდ ვიღებ პერსონალის მყისიერად, როგორც ადამიანები აკრეფით ის, 254 00:14:49,600 --> 00:14:54,830 და შემდეგ შეამოწმებს თუ არა ეს მოქმედებს, გაგზავნის უკან სერვერზე, არაფერი გინდათ იგი. 255 00:14:54,830 --> 00:14:57,720 და ასე შეღწევის რა შიგნით იმ ყუთები. 256 00:14:57,720 --> 00:15:00,090 >> თქვენ ასევე ცვლილებები სოციალურ მეცნიერებათა ცენტრის პირდაპირ, ასე რომ ნაცვლად დასძინა 257 00:15:00,090 --> 00:15:02,510 კლასი, რომელიც რამდენიმე წინასწარ განსაზღვრული თვისებები, 258 00:15:02,510 --> 00:15:08,120 თქვენ შეგიძლიათ დაამატოთ რაც არ CSS გსურთ არაფერი. 259 00:15:08,120 --> 00:15:10,350 მოდით select ორგანო, რომელიც მთელი პრეზენტაციის 260 00:15:10,350 --> 00:15:14,370 და ფერის არის ქონება, რომელიც განსაზღვრავს, თუ რა ფერები ტექსტი არის. 261 00:15:14,370 --> 00:15:19,420 თუ შევცვლით მას წითელი, ყველა ტექსტს გვერდზე გახდება წითელი. 262 00:15:19,420 --> 00:15:26,310 ჩვენ შეგვიძლია ამის გაკეთება რაღაც ფონის ფერი ლურჯი, 263 00:15:26,310 --> 00:15:30,680 იქ წავიდეთ ეს ლამაზი. 264 00:15:30,680 --> 00:15:33,840 ამის გაკეთება შეგიძლიათ არაფერი გსურთ ამ. 265 00:15:33,840 --> 00:15:39,250 გამოყენება CSS ქონება, შეგიძლიათ ნამდვილად ცვლილებები რამდენად არაფერი გამოიყურება ნებისმიერ დროს. 266 00:15:39,250 --> 00:15:41,630 შემდეგი რამ არის ეფექტი. 267 00:15:41,630 --> 00:15:45,710 ეფექტი ძირითადად იგივეა შეცვლის CSS, 268 00:15:45,710 --> 00:15:48,870 მაგრამ ისინი რეალურად უზრუნველყოფს რამდენიმე დამატებითი ანიმაცია მას. 269 00:15:48,870 --> 00:15:53,380 ასე რომ, ნაცვლად მხოლოდ აჩვენებს ან იმალებიან რაღაც ან იცვლება ფერი, 270 00:15:53,380 --> 00:15:56,130 თქვენ შეგიძლიათ რეალურად ხდის მთავრდებოდა. 271 00:15:56,130 --> 00:16:00,760 აი დოკუმენტაცია, თუ გვინდა, რომ შევხედოთ დაწვრილებითი დოკუმენტაცია იგი. 272 00:16:00,760 --> 00:16:04,760 მაგრამ მე ვაპირებ დაფაროს მთავარი პირობა. 273 00:16:04,760 --> 00:16:12,030 არსებობს შოუ და დამალვა თვისებები. 274 00:16:12,030 --> 00:16:14,510 ჩვენება / დამალვა ID რეალურად შეესაბამება ეს მთელი ყუთი, 275 00:16:14,510 --> 00:16:18,190 ასე რომ, თუ მე მალავს, ის მხოლოდ გაქრება. 276 00:16:18,190 --> 00:16:24,210 და მე შემიძლია კიდევ ერთხელ თუ მინდა, რათა ის დაბრუნდება. 277 00:16:24,210 --> 00:16:26,340 და ეს უკან. იგი პრაქტიკულად არ ქრება, 278 00:16:26,340 --> 00:16:30,670 მე პრაქტიკულად არ ამოიღონ იგი გვერდზე, მე მხოლოდ მითითებული CSS ქონებას ხილვადობა ფარული 279 00:16:30,670 --> 00:16:34,030 ასე რომ თქვენ ვერ ვხედავ მას აღარ. 280 00:16:34,030 --> 00:16:39,250 არის ასევე ლღობას up და ლღობას ქვემოთ;, რომელიც საშუალებას გაძლევთ, რომ ამ ძალაში. 281 00:16:39,250 --> 00:16:47,050 ეს სლაიდები მდე ქრება, და მას შემდეგ ქრება 282 00:16:47,050 --> 00:16:53,210 შეგიძლიათ ლღობას მას, რათა ის დაბრუნდება. და ახლა უკან. 283 00:16:53,210 --> 00:16:57,650 არის ასევე ამ fade ეფექტი, რომელიც - fade ID შეესაბამება ეს ყუთი. 284 00:16:57,650 --> 00:17:01,200 თუ მე ქრებოდა ის, მაშინ ეს თქვენ ნელა ქრება. 285 00:17:01,200 --> 00:17:04,490 მე ასევე შემიძლია ქრებოდა მას, და ეს დავბრუნდებით. 286 00:17:04,490 --> 00:17:08,930 ასევე შეგიძლიათ ამის გაკეთება fade to, რომელიც სპეციფიკური fade ფუნქცია. 287 00:17:08,930 --> 00:17:12,589 თქვენ შეგიძლიათ ეს ქრებოდა კონკრეტულ opacity, რომ გსურთ. 288 00:17:12,589 --> 00:17:16,869 ასე რომ, თუ ქრებოდა იგი ნელა .5, ეს გავხდებით ნახევარი ჩანს. 289 00:17:16,869 --> 00:17:22,630 მე შემიძლია მას წასვლა .1, და უკან 1 რათა ის სრულად ხილული ერთხელ. 290 00:17:22,630 --> 00:17:24,760 ეს მხოლოდ კიდევ ერთი ანიმაცია რომ თქვენ შეუძლია გააკეთოს. 291 00:17:24,760 --> 00:17:26,750 >> ასევე არსებობს გადართვა ეფექტი. 292 00:17:26,750 --> 00:17:33,410 ამიტომ, მე ვაპირებ შესარჩევად გადართვა ID, რაც შეესაბამება ეს ყუთი, 293 00:17:33,410 --> 00:17:38,970 და რომ div შეგიძლიათ დარეკოთ გადართვა, თუ ეს თვალსაჩინო გახდება უხილავი, 294 00:17:38,970 --> 00:17:42,320 თუ ეს უხილავი გახდება ხილული ერთხელ. 295 00:17:42,320 --> 00:17:44,440 ასე რომ, მე მხოლოდ უწოდა გადართვა ფუნქცია ორჯერ პირველი იყო 296 00:17:44,440 --> 00:17:48,380 იგივე როგორც დამალვა, მეორე ზარი იგივე როგორც შოუ. 297 00:17:48,380 --> 00:17:53,510 და ასევე შეგიძლიათ ამის გაკეთება ერთად fade გადართვა, 298 00:17:53,510 --> 00:17:55,730 რომელიც იგივეს შვება, გარდა ფაქტობრივად fades. 299 00:17:55,730 --> 00:17:59,410 და იგივე რამ slide თემა. 300 00:17:59,410 --> 00:18:01,460 არსებობს მიჯაჭვული მოვლენები ისევე, რაც იმას ნიშნავს, 301 00:18:01,460 --> 00:18:05,520 თუ თქვენ ელემენტს და მხოლოდ მოვუწოდებთ რამოდენიმე ანიმაცია მეთოდები მასზე, 302 00:18:05,520 --> 00:18:07,400 თუ უნდოდა ეს ქრებოდა out, მაშინ ლღობას ქვემოთ, 303 00:18:07,400 --> 00:18:11,040 და მაშინ დასამალი და შემდეგ ქრებოდა შემდეგ, იგი ყველაფერს გააკეთებს მათ ზედიზედ. 304 00:18:11,040 --> 00:18:24,920 ასე გაქრა, დაბრუნდა - რატომღაც მალავენ, ასე არ მოხდა. 305 00:18:24,920 --> 00:18:30,030 შევეცადოთ ის. ჰო, ასე გაცვეთილ out და მერე slid მოშორებით. 306 00:18:30,030 --> 00:18:32,230 გარდა ამისა არსებობს უამრავი სხვა. თქვენ შეგიძლიათ გამოიყენოთ animate ფუნქცია 307 00:18:32,230 --> 00:18:35,370 შექმნა საკუთარი ანიმაცია, რომელიც საკმაოდ რთული, 308 00:18:35,370 --> 00:18:38,790 მაგრამ ეს საშუალებას გაძლევთ უსასრულო extensibility. 309 00:18:38,790 --> 00:18:40,630 შეგიძლიათ გააკეთოთ ნებისმიერი სახის ანიმაცია გსურთ. 310 00:18:40,630 --> 00:18:44,230 თქვენ ასევე შეგიძლიათ მდგომ მდგომ რამდენიმე ანიმაციის დროს. 311 00:18:44,230 --> 00:18:47,340 ასე რომ, თუ გსურთ რაიმე ფრენა მთელს გვერდზე, 312 00:18:47,340 --> 00:18:49,860 slide ზემოდან უფლება ქვედა მარცხენა, შეგიძლიათ ამის გაკეთება, 313 00:18:49,860 --> 00:18:55,240 და მხოლოდ არის რამოდენიმე ქმედებები აპირებს ერთ შემდეგ სხვა. 314 00:18:55,240 --> 00:18:57,490 >> შემდეგი რამ ჩვენ ვაპირებთ ვისაუბროთ არის მოვლენები. 315 00:18:57,490 --> 00:19:02,090 მოვლენები იძლევა საშუალებას - ჯერობით, ჩვენ ახლახანს ბეჭდვის რამ შევიდა console 316 00:19:02,090 --> 00:19:04,870 და ეს არის ერთი გზა, რათა ეს მოხდეს, 317 00:19:04,870 --> 00:19:08,020 არამედ, ფაქტობრივი გვერდზე, თქვენ არ აპირებს შეძლებს 318 00:19:08,020 --> 00:19:10,020 მიიღოს შესახებ ტიპის რამ შევიდა კონსოლი. 319 00:19:10,020 --> 00:19:12,050 გსურთ რამ მოხდება ავტომატურად. 320 00:19:12,050 --> 00:19:18,060 ამისათვის თქვენ უნდა გამოვიყენოთ მოვლენები, რომ გაააქტიუროთ ზოგიერთ გარკვეული მოვლენა ხდება. 321 00:19:18,060 --> 00:19:21,340 შემოწმება შეგიძლიათ დოკუმენტაციის სრული დეტალები. 322 00:19:21,340 --> 00:19:24,030 ასე რომ, ვნახოთ. ჩვენ გვინდა დამალვა ან ნაჩვენები ყუთი, 323 00:19:24,030 --> 00:19:29,340 მაგრამ ახლა ამ ღილაკს არ აკეთებს, რადგან მე არ განახორციელოს ამაზე. 324 00:19:29,340 --> 00:19:35,420 მე ვაპირებ წასვლა ფაქტობრივი HTML გვერდი. 325 00:19:35,420 --> 00:19:38,560 აი slide. არსებობს div for slide. 326 00:19:38,560 --> 00:19:41,230 მას აქვს კლასი slide. 327 00:19:41,230 --> 00:19:46,890 აქ არის ტექსტი. ახლა არის ეს ყუთი და ყუთში ღილაკს. 328 00:19:46,890 --> 00:19:52,900 რა ჩვენ რეალურად ეს გაქრება? 329 00:19:52,900 --> 00:19:58,250 პირველ რიგში, მოდით, წერენ ფუნქცია, რომელიც იღებს ყუთი ID გაქრება. 330 00:19:58,250 --> 00:20:01,820 ეს არის სინტაქსი funtion, მოდით უბრალოდ ეძახით hideTheBox. 331 00:20:01,820 --> 00:20:06,130 იგი არ მიიღოს ნებისმიერი არგუმენტაცია, რადგან არსებობს არანაირი არგუმენტი უნდა იქნას მიღებული. 332 00:20:06,130 --> 00:20:08,950 ჩვენ შეგიძლიათ ყუთში პირადობის მოწმობა. 333 00:20:08,950 --> 00:20:15,020 ამიტომ გამოყენებით jQuery შერჩევა, ჩვენ შეგვიძლია შერჩევა ყუთი ID, 334 00:20:15,020 --> 00:20:17,700 შემდეგ კი მხოლოდ ის გაქრება. 335 00:20:17,700 --> 00:20:20,690 მოდით ეს ქრებოდა out. 336 00:20:20,690 --> 00:20:27,390 თუ ჩვენ გაიქცა ამ ფუნქციის ფაქტობრივი console, 337 00:20:27,390 --> 00:20:33,380 ჩვენ შეგვიძლია განვსაზღვროთ ამ ფუნქციის, ჩვენ შეიძლება დავარქვათ hideTheBox და მუშაობს. 338 00:20:33,380 --> 00:20:36,650 მაგრამ ჩვენ გვსურს მოხდეს, როდესაც ღილაკს ფაქტობრივად დაპრესილი. 339 00:20:36,650 --> 00:20:40,950 ამისათვის, ჩვენ უნდა გამოვიყენოთ მოვლენაა. 340 00:20:40,950 --> 00:20:45,500 ვუკავშირდები ღონისძიება კონკრეტულ ღილაკს ან მოქმედებაზე ხდება, 341 00:20:45,500 --> 00:20:50,040 ჩვენ უნდა შეარჩიოს ელემენტი, რომელიც ღონისძიება გამოიწვევს - 342 00:20:50,040 --> 00:20:52,650 ან რომ გამოიწვევს შემთხვევაში, ვწუხვარ. 343 00:20:52,650 --> 00:20:57,220 >> ასე რომ, პირველ რიგში, მოდით შერჩევა ყუთი ღილაკს ID 344 00:20:57,220 --> 00:20:59,610 რადგან ეს ღილაკს და ახლა, რომ ღილაკს 345 00:20:59,610 --> 00:21:02,750 ჩვენ გვინდა, რომ შეიქმნას ანიმაცია, როდესაც ის დაწკაპავთ. 346 00:21:02,750 --> 00:21:05,040 ასე რომ ამ დაჭერით ფუნქცია. 347 00:21:05,040 --> 00:21:08,470 ეს გაძლევთ საშუალებას სავალდებულოა სხვა დანიშნულების მას. 348 00:21:08,470 --> 00:21:12,320 ეს ფუნქცია იღებს კიდევ ერთი ფუნქცია, როგორც არგუმენტი 349 00:21:12,320 --> 00:21:14,310 ჩვენ შეგვიძლია გაივლის hideTheBox ფუნქცია, 350 00:21:14,310 --> 00:21:20,950 და როცა ამ ღილაკი დაწკაპავთ, რომ ფუნქცია ავტომატურად შეასრულოს. 351 00:21:20,950 --> 00:21:24,850 ასე რომ, ეს იმუშავებს, თუ ჩვენ გადარჩენა ამ, მე ამოცნობა, 352 00:21:24,850 --> 00:21:33,460 და ერთ - ერთი, მეორე, მე ბოდიში. 353 00:21:33,460 --> 00:21:44,770 ნება მომეცით დაფიქსირება ამ მართლაც სწრაფად. 354 00:21:44,770 --> 00:21:50,680 Okay. იქ ჩვენ წავიდეთ. ასე რომ, ახლა ყუთი გადაშენების როდესაც ჩვენ ღილაკს. 355 00:21:50,680 --> 00:21:55,470 ასევე შეგვიძლია შევცვალოთ ეს უბრალოდ fadeToggle, 356 00:21:55,470 --> 00:22:00,020 მისი შეცვლა მხოლოდ იმიტომ, რომ დასამალი ან ნახოთ ყუთი, 357 00:22:00,020 --> 00:22:03,850 და ეს ასევე იმუშავებენ ძალიან, თუ ჩვენ ცარიელია. 358 00:22:03,850 --> 00:22:08,550 ჩვენ შეგვიძლია მალავს, ჩვენ შეგვიძლია ასევე აჩვენებს, და რომ გააგრძელებს მუშაობას. 359 00:22:08,550 --> 00:22:12,210 კიდევ ერთი რამ შეგვიძლია გავაკეთოთ არის ის, რომ ჩვენ არ რეალურად უნდა განისაზღვროს ამ hideTheBox ფუნქცია 360 00:22:12,210 --> 00:22:15,050 სანამ ჩვენ მოვუწოდებთ დაჭერით ფუნქცია. 361 00:22:15,050 --> 00:22:17,640 ასე რომ, ნაცვლად განსაზღვრის ფუნქცია და მოუწოდებს hideTheBox, 362 00:22:17,640 --> 00:22:20,310 ჩვენ მხოლოდ აპირებს ეძახით, თუ ეს ის არის დაწკაპავთ. 363 00:22:20,310 --> 00:22:22,310 ასე რომ, ჩვენ შეგვიძლია განვსაზღვროთ, რომ ეს ანონიმურად აქ, 364 00:22:22,310 --> 00:22:25,070 რაც ფუნქცია, რომელიც JavaScript აქვს. 365 00:22:25,070 --> 00:22:29,720 თქვენ შეგიძლიათ განსაზღვრავს ფუნქცია; ჩვეულებრივ, ჩვენ ვიტყოდი ფუნქცია hideTheBox 366 00:22:29,720 --> 00:22:34,490 არგუმენტები, არამედ, ჩვენ შეგვიძლია, უბრალოდ ამბობენ ფუნქციონირებას არანაირი არგუმენტი, 367 00:22:34,490 --> 00:22:36,870 დაიწყოს curly მუდმივი წინააღმდეგობა გაუწიოს, განისაზღვროს, ფუნქცია, 368 00:22:36,870 --> 00:22:40,780 ახლოს რომ curly მუდმივი წინააღმდეგობა გაუწიოს, და შემდეგ უბრალოდ განვსაზღვროთ ფუნქცია აქ, 369 00:22:40,780 --> 00:22:45,130 ფარგლებში პირველი ფრჩხილებში და ბოლო ფრჩხილებში 370 00:22:45,130 --> 00:22:47,860 რომელიც შეესაბამება არგუმენტები დაჭერით ფუნქცია. 371 00:22:47,860 --> 00:22:53,320 ასე რომ, ჩვენ გავლის ამ ფუნქციას, შეგვიძლია გადააკოპირეთ ეს ხაზი კოდი სწორედ აქ, 372 00:22:53,320 --> 00:22:55,450 და რომ გავაკეთებ ზუსტად იგივე. 373 00:22:55,450 --> 00:22:57,290 ახლა ჩვენ არ გვაქვს ამ შემთხვევითი fadeTheBox ფუნქცია 374 00:22:57,290 --> 00:22:59,960 რომ სხდომაზე გარშემო გაურკვეველი მიზეზით. 375 00:22:59,960 --> 00:23:02,070 ფუნქცია განისაზღვრა ანონიმურად, მას არ გააჩნია სახელი. 376 00:23:02,070 --> 00:23:08,060 ეს მხოლოდ შესრულდეს, როცა ჩვენ დააკლიკეთ ყუთი ღილაკს. 377 00:23:08,060 --> 00:23:12,180 ასე რომ განაახლოს კიდევ ერთხელ, კიდევ ერთხელ, და თქვენ ხედავთ, რომ ეს ჯერ კიდევ მუშაობს. 378 00:23:12,180 --> 00:23:16,700 და ეს, თუ როგორ შექმნა ღონისძიებები. 379 00:23:16,700 --> 00:23:19,190 >> არსებობს ბევრი სხვადასხვა ღონისძიებები, რომ ჩვენ შეგვიძლია გამოვიყენოთ. 380 00:23:19,190 --> 00:23:23,540 მე ვაპირებ გადართვის უკან გამოყენებით console უბრალოდ, თუ როგორ ეს მუშაობა. 381 00:23:23,540 --> 00:23:28,210 პირადობის მოწმობა თითოეული ამ შეესაბამება თითოეულ ყუთში. 382 00:23:28,210 --> 00:23:33,020 ასე რომ, ეს ყუთი დაჭერით ID, ამ ერთი გასაღები ID, და ამ ერთი თაგვის პირადობის მოწმობა. 383 00:23:33,020 --> 00:23:36,120 კიდევ ერთი რამ არის, რომ არც ერთ ამ აქციის ფუნქციის ვიდრე ბეჭდვის ის ყოველ ჯერზე, 384 00:23:36,120 --> 00:23:41,610 მე რეალურად გაგრძელდება და განისაზღვრება ეს ქმედება ფუნქცია ქვემოთ აქ. 385 00:23:41,610 --> 00:23:46,860 ამას იგივე როგორც hideTheBox ფუნქცია. 386 00:23:46,860 --> 00:23:51,340 იგი იღებს ეს ყუთი და არც fades ის ან fades ის სისტემაში 387 00:23:51,340 --> 00:23:54,110 სწორედ ამ მიზეზით, ჩვენ შეუძლია გამოიყენოს იგი აქ. 388 00:23:54,110 --> 00:24:00,350 ასე რომ, თუ ჩვენ ღილაკის ამ დაჭერით ID, ჩვენ გვსურს ყუთი გაქრება ან ჩნდებიან. 389 00:24:00,350 --> 00:24:03,610 ეს იგივეა ღილაკს რომ ჩვენ გვქონდა ამ ბოლო slide. 390 00:24:03,610 --> 00:24:07,450 ახლა მას შემდეგ, მოვუწოდებთ, რომ ჩვენ შეგვიძლია ღილაკის ამ და ყუთი გაქრება, 391 00:24:07,450 --> 00:24:10,160 შემდეგ დააჭირეთ კიდევ ერთხელ და ფანჯარა ჩნდებიან. 392 00:24:10,160 --> 00:24:12,480 ეს არის საკმაოდ მარტივია. ორმაგი დაჭერით იგივეს შვება, 393 00:24:12,480 --> 00:24:15,660 გარდა ამას ორმაგი დაჭერით. 394 00:24:15,660 --> 00:24:19,030 ასე რომ, თუ თქვენ დააჭირეთ ერთხელ და დაწკაპეთ იგი კვლავ არაფერი მოხდება, 395 00:24:19,030 --> 00:24:21,140 მაგრამ თუ ორმაგად დაწკაპეთ სწრაფად, რომ თქვენ გაქრება. 396 00:24:21,140 --> 00:24:23,310 თუ თქვენ ორმაგად დაწკაპეთ კიდევ ერთხელ, ეს დავბრუნდებით. 397 00:24:23,310 --> 00:24:25,250 ასე რომ, საკმაოდ მარტივია. 398 00:24:25,250 --> 00:24:31,170 კომპიუტერის ერთგვარი უცნაური, მე არ ვფიქრობ, რომ რეალურად მუშაობს ეს მაგალითი 399 00:24:31,170 --> 00:24:37,670 რადგან გასაღები ქვემოთ, გასაღები up და ძირითად პრესისა და სხვა გასაღები ქმედებები 400 00:24:37,670 --> 00:24:47,190 გაააქტიუროთ რაც არ უნდა ელემენტს თქვენ ავალდებულებს მას. 401 00:24:47,190 --> 00:24:51,410 მაგალითად, თუნდაც შეკრული გასაღები ქვემოთ სხეულის ან რაღაც მთლიანად, 402 00:24:51,410 --> 00:24:55,950 მაშინ ჯერ კიდევ გაააქტიუროთ არ აქვს მნიშვნელობა, - ეს არ კონკრეტული. 403 00:24:55,950 --> 00:25:00,190 მე არ უნდა დაჭერით ეს და დააჭირეთ ღილაკს, რათა არაფერი ქრება. 404 00:25:00,190 --> 00:25:04,470 ეს დაიწყებდა მოქმედებას მიუხედავად იმისა, რა ელემენტს მე გაკეთებული სისტემაში 405 00:25:04,470 --> 00:25:06,880 ასე რომ, ეს არ რეალურად მუშაობას ამ მაგალითია 406 00:25:06,880 --> 00:25:13,180 იმიტომ, რომ ის არ აღიარებს ჩემთვის, როგორც შესვლის წვლილის შეტანა კომპიუტერის div. 407 00:25:13,180 --> 00:25:15,740 >> მაგრამ თუ გადავხედავთ თაგვის ქმედებები, 408 00:25:15,740 --> 00:25:19,620 პირველი hover, და მას შეუძლია გააკეთოს რამდენიმე ამ გამოყენებით CSS. 409 00:25:19,620 --> 00:25:24,280 თუ იყენებთ CSS, შეგიძლიათ შექმნათ ასე, რომ თუ თქვენ hover მეტი რამე, 410 00:25:24,280 --> 00:25:28,940 მაშინ მისი სტილი ცვლილებები. 411 00:25:28,940 --> 00:25:32,170 მაგრამ მისი გამოყენება jQuery შეცვლა შეიძლება სტილის სხვა რამ ასევე. 412 00:25:32,170 --> 00:25:37,120 ასე, მაგალითად, ჩვენ ვაპირებთ, რომ მოვუწოდო, თუ ჩვენ hover მეტი ამ div. 413 00:25:37,120 --> 00:25:39,660 ეს იმას ნიშნავს, თუ ჩვენ hover მეტი, მაშინ ყუთი გაქრება. 414 00:25:39,660 --> 00:25:42,430 თუ ჩვენ გადაადგილება დაშორებით ეს, ფანჯარა ჩნდებიან. 415 00:25:42,430 --> 00:25:45,090 თუ ჩვენ ამას ვუწოდებთ და hover მას, ყუთი არ ქრება, 416 00:25:45,090 --> 00:25:47,050 და, როგორც კი გადაადგილება მოშორებით, იგი ბრუნდება. 417 00:25:47,050 --> 00:25:49,750 თუ ჩვენ ამას ვუწოდებთ hover ფუნქციის თაგვის ID, 418 00:25:49,750 --> 00:25:54,380 რაც შეესაბამება ეს ყუთი, მაშინ თუ ჩვენ hover მეტი ყუთი, 419 00:25:54,380 --> 00:26:00,440 შემდეგ ყუთი რეალურად გაქრეს - ის ყოფნის ხმაურიანი სწორედ ახლა, მაგრამ - 420 00:26:00,440 --> 00:26:06,310 თუ ჩვენ გადაადგილება დაშორებით, ეს იქნება ჩნდებიან. ახლა ის უკან რაიმე მიზეზით. 421 00:26:06,310 --> 00:26:12,720 თაგვის შესვლისა და თაგვის ნაბიჯი ფუნქციებია გარკვეულწილად მსგავსი, მაგრამ ოდნავ განსხვავებული. 422 00:26:12,720 --> 00:26:16,470 Mouse შემოსვლა მხოლოდ ააქტიურებს როდესაც თაგვის შედის ყუთში, როგორც მოსალოდნელი იყო. 423 00:26:16,470 --> 00:26:19,210 ასე რომ, თუ თქვენ გადატანა შევიდა, რომ თქვენ გაქრება. 424 00:26:19,210 --> 00:26:23,210 მაგრამ ეს არ ჩნდებიან, როდესაც თქვენ გადაადგილება მოშორებით, თქვენ უნდა გადავიდეს უკან გადატანა იგი მას უკან დაბრუნდნენ. 425 00:26:23,210 --> 00:26:25,590 არის ასევე თაგვის ნაბიჯი ფუნქცია, რომელიც ააქტივებს 426 00:26:25,590 --> 00:26:29,300 როდესაც ეს თაგვის კიდევ იმყოფებიან ყუთში. 427 00:26:29,300 --> 00:26:32,430 ასე რომ, ეს უბრალოდ ვტრიალებთ, უქრებათ და გარეთ. 428 00:26:32,430 --> 00:26:35,660 და ეს რეალურად ხე - როგორც ჩანს, ეს უბრალოდ უქრებათ და გარეთ, 429 00:26:35,660 --> 00:26:39,140 მაგრამ სინამდვილეში ხე გაცილებით მეტი ქმედებები ვიდრე ეს, 430 00:26:39,140 --> 00:26:43,550 ასე რომ, როდესაც თქვენ გადაადგილება მოშორებით ეს უბრალოდ შენარჩუნებას აპირებს, რადგან ეს ხართ, როგორიც ათასი მათგანი. 431 00:26:43,550 --> 00:26:46,620 შესაძლოა, არა ათასი. შესაძლოა ხუთ. 432 00:26:46,620 --> 00:26:50,200 ეს ჟურნალი მეტია. 433 00:26:50,200 --> 00:26:53,280 საქმე იმაშია, ყველა მაუსის ქმედებები, არის ბევრი მათგანი. 434 00:26:53,280 --> 00:26:55,480 თქვენ up მეორეს პირობა, მაგრამ ისინი ყველა ოდნავ განსხვავებული, 435 00:26:55,480 --> 00:26:57,700 და შეგიძლიათ აირჩიოთ რომელი ერთი გჭირდებათ 436 00:26:57,700 --> 00:27:02,130 ამისთვის რომელი კონკრეტულ მიზანს თქვენ ცდილობთ. 437 00:27:02,130 --> 00:27:05,060 >> შემდეგი რამ მე ვაპირებ ვისაუბრო არის AJAX. 438 00:27:05,060 --> 00:27:09,340 AJAX, მე ვიცი, ჩვენ არ ითვალისწინებდა JavaScript in იმდენი სიღრმე წელს, 439 00:27:09,340 --> 00:27:11,770 ასე რომ მე მხოლოდ აპირებს საუბრობენ AJAX კულტურას ერთი წუთით. 440 00:27:11,770 --> 00:27:15,210 AJAX დგას ასინქრონული JavaScript და XML. 441 00:27:15,210 --> 00:27:19,030 ეს, ძირითადად, მაგალითად, როდესაც თქვენ Facebook და ეს უბიძგებს თქვენ დადგენა, 442 00:27:19,030 --> 00:27:23,060 ეს იმიტომ, AJAX არის გაშვებული თქვენს ბრაუზერში. 443 00:27:23,060 --> 00:27:25,800 ყოველ რამდენიმე წამში ბრაუზერში, ფაქტობრივად, 444 00:27:25,800 --> 00:27:29,420 აპირებს Facebook-ის სერვერები, სთხოვს, გაქვთ ახალი არაფერი ჩემთვის, 445 00:27:29,420 --> 00:27:31,980 და მერე ბრუნდება თქვენ. 446 00:27:31,980 --> 00:27:36,320 ეს საშუალებას იძლევა მოითხოვს სერვერზე 447 00:27:36,320 --> 00:27:38,660 გარეშე ფაქტობრივად, რომელსაც ჩატვირთვა გვერდზე. 448 00:27:38,660 --> 00:27:42,040 ასე რომ, ჩვეულებრივ, თუ თქვენ მხოლოდ გამოყენებით PHP და მონაცემთა ბაზა, 449 00:27:42,040 --> 00:27:45,480 თქვენ უნდა ამოცნობა გვერდზე სანამ შეგიძლიათ მიიღოთ ახალი ინფორმაცია სერვერზე. 450 00:27:45,480 --> 00:27:48,770 მაგრამ გამოყენებით AJAX, შეგიძლიათ გაიყვანოს, რომ ახალი ინფორმაცია მუდმივად, 451 00:27:48,770 --> 00:27:52,250 ან გაიყვანოს მას მხოლოდ ზედა ღილაკს ან რამე მსგავსი. 452 00:27:52,250 --> 00:27:56,140 ასე რომ, ეს გვაძლევს საშუალებას გაგზავნას ითხოვს გვერდის განახლების გარეშე, 453 00:27:56,140 --> 00:27:58,130 და ჩვენ შეიძლება გამოიყენოთ GET, ან POST მოითხოვს. 454 00:27:58,130 --> 00:28:05,370 >> GET ითხოვს არიან, მაგალითად, თუ თქვენ უნდა Google.com 455 00:28:05,370 --> 00:28:10,900 და ამის გაკეთება q = ტესტი. ეს რაც მათთვის შეკითხვის ტესტი. 456 00:28:10,900 --> 00:28:15,890 სწორედ ოჯახის თხოვნით რადგანაც ეს ავლით იმ პარამეტრების შევიდა URL თავად. 457 00:28:15,890 --> 00:28:19,250 POST მოთხოვნა, თითქოს თქვენ გაგზავნის მათი მეშვეობით პოსტი. 458 00:28:19,250 --> 00:28:22,500 ეს იგივეა, თქვენ დააყენა ეს წერილი და მოვახდენთ ეს off მათ, 459 00:28:22,500 --> 00:28:25,140 მაგრამ მათ არა რეალურად ვხედავ შინაარსი. ისინი არ ჩანს URL. 460 00:28:25,140 --> 00:28:31,040 თქვენ არ შეგიძლიათ პირდაპირ შეიტანოთ ეს, თქვენ უნდა გააგზავნოთ თითქმის ფარულად. 461 00:28:31,040 --> 00:28:33,880 ეს არის ამ პოსტის. 462 00:28:33,880 --> 00:28:38,660 მაგრამ მისი გამოყენება jQuery, შეგიძლიათ GET და პოსტ ითხოვს 463 00:28:38,660 --> 00:28:42,740 ბევრად უფრო მარტივად, ვიდრე თქვენ ჩვეულებრივ შეიძლება გამოყენებით მხოლოდ უბრალო JavaScript. 464 00:28:42,740 --> 00:28:50,140 შეგიძლიათ შეკითხვის APIs გამოყენებით GET ითხოვს, და ასევე შეგიძლიათ შემოწმება შესვლისას ინფორმაციას. 465 00:28:50,140 --> 00:28:54,400 მეორე გვერდზე, მე შექმნილი ეს, რომელიც სთხოვს, "რა არის ლანჩზე?" 466 00:28:54,400 --> 00:28:58,230 გამოყენებით ჰარვარდის საკვები API, მოდით გაიყვანოს რომ up. 467 00:28:58,230 --> 00:29:01,840 ეს არის მხოლოდ მაგალითია, თუ როგორ შეგიძლიათ გამოიყენოთ jQuery უნდა გააკეთოს ოჯახის თხოვნით, API 468 00:29:01,840 --> 00:29:04,200 და ინფორმაცია მიიღოს უკან მას. 469 00:29:04,200 --> 00:29:07,090 ასე რომ, ჩვენ გვინდა, რომ მენიუს დღეს 470 00:29:07,090 --> 00:29:10,560 და ჩვენ გვინდა, რომ რა ლანჩზე. 471 00:29:10,560 --> 00:29:16,500 აი მისამართი, რათა შეიქმნას ოჯახის მოთხოვნით jQuery. 472 00:29:16,500 --> 00:29:18,600 თქვენ იყენებთ $. მიიღეთ ფუნქცია. 473 00:29:18,600 --> 00:29:22,290 პირველი არგუმენტი URL, ისე ზუსტად რა თქვენ querying. 474 00:29:22,290 --> 00:29:27,200 მაშინ შემდეგი არგუმენტი ფუნქცია გაუშვებს, როდესაც ოჯახის თხოვნით დასრულებულია. 475 00:29:27,200 --> 00:29:29,980 ასე რომ თქვენ off რამდენიმე მოთხოვნას სერვერზე, დაველოდოთ მას უკან დაბრუნდნენ. 476 00:29:29,980 --> 00:29:33,770 როდესაც ეს იმას დაბრუნებულ ვაპირებთ გარკვეული ქმედების მონაცემები, რომ ის უკან სერვერზე. 477 00:29:33,770 --> 00:29:37,520 მოდით წავიდეთ წინ და კოდექსს, ასევე. 478 00:29:37,520 --> 00:29:42,110 მე არ კოდექსს ან, განზრახ. 479 00:29:42,110 --> 00:29:46,660 აი Todo. პირველ რიგში, მოდით გამოვიყენოთ ღონისძიება შესასრულებლად სავალდებულო 480 00:29:46,660 --> 00:29:50,820 ასე რომ, როცა ამ ღილაკს დაჭერის, ჩვენ off ოჯახის თხოვნით. 481 00:29:50,820 --> 00:29:53,410 ხოლო როდესაც რომ მიიღოს თხოვნით ბრუნდება ზოგიერთი მონაცემებით, 482 00:29:53,410 --> 00:29:57,290 ჩვენ ვაპირებთ დაწერა მას ამ კვება ინფორმაციის ID div. 483 00:29:57,290 --> 00:30:02,860 პირველ რიგში, მოდით შერჩევა საკვები ღილაკს პირადობის მოწმობა. 484 00:30:02,860 --> 00:30:07,320 როდესაც ეს დაწკაპავთ, ჩვენ გვინდა, რომ ეს რაღაც. 485 00:30:07,320 --> 00:30:11,930 მოდით, უბრალოდ, რომ მას ანონიმური fuction, როგორც ადრე. 486 00:30:11,930 --> 00:30:15,550 შემიძლია გადაიტანოთ იმ curly აფრთხილებს, 487 00:30:15,550 --> 00:30:18,530 და როდესაც ამ ღილაკს დაჭერის, ჩვენ გვინდა გაგზავნას ოჯახის თხოვნით 488 00:30:18,530 --> 00:30:20,750 რათა შეამოწმოს რა ლანჩზე. 489 00:30:20,750 --> 00:30:24,970 გავაკეთოთ, რომ ჩვენ შეგვიძლია მხოლოდ ჩაწერეთ $. მიიღოს. 490 00:30:24,970 --> 00:30:28,850 ეს არის jQuery ფუნქციის გამოყენებით დოლარის ნიშანი. 491 00:30:28,850 --> 00:30:31,430 იგი იღებს რამდენიმე არგუმენტს. პირველი URL, 492 00:30:31,430 --> 00:30:34,450 მეორე უკუგამოძახება ფუნქცია, ფუნქცია, ე.წ. 493 00:30:34,450 --> 00:30:37,740 როდესაც ეს მოთხოვნა რეალურად ბრუნდება. 494 00:30:37,740 --> 00:30:39,890 მოდით, უბრალოდ აშენება URL პირველი. 495 00:30:39,890 --> 00:30:44,650 ჩვენ შეგვიძლია იგი API, რომ დავით დაწერა up. 496 00:30:44,650 --> 00:30:51,360 გამგზავრება, ჩვენ ვხედავთ, რომ ეს food.cs50.net/api/1.3/menus, 497 00:30:51,360 --> 00:30:54,140 და მაშინ უბრალოდ გადის სახელების პარამეტრების, რომ გსურთ. 498 00:30:54,140 --> 00:30:57,760 ასე პარამეტრების 1 ღირებულება 1. 499 00:30:57,760 --> 00:31:00,910 ეს ჰგავს სტანდარტული თარიღი, დაწყების თარიღი, უპირობოდ დღეს 500 00:31:00,910 --> 00:31:03,110 თუ არ შევა არაფერი, და დასრულების თარიღი, ასევე დეფოლტის 501 00:31:03,910 --> 00:31:05,930 დღეს თუ არ შევა არაფერი. 502 00:31:05,930 --> 00:31:10,790 ეს არის ის, რაც ჩვენ გვინდა. ჩვენ გვინდა, რომ უბრალოდ ინფორმაციას დღეს. 503 00:31:10,790 --> 00:31:12,950 >> ჩვენ გვინდა ფორმატში უნდა იყოს JSON. 504 00:31:12,950 --> 00:31:15,570 ეს მხოლოდ უკანონო, თქვენ შეგიძლიათ გამოიყენოთ ნებისმიერი ფორმით, რომ გსურთ. 505 00:31:15,570 --> 00:31:18,950 თქვენ შეგიძლიათ გამოიყენოთ CSV, მაგრამ JSON არის JavaScript ობიექტის notation. 506 00:31:18,950 --> 00:31:24,150 ეს ძალიან ადვილია JavaScript უნდა გვესმოდეს თუ რას ნიშნავს, 507 00:31:24,150 --> 00:31:27,110 და ჩვენ შეგვიძლია ბეჭდვა ეს უფრო მარტივად რომ გზა. 508 00:31:27,110 --> 00:31:30,490 მოდით მოითხოვოს იგი JSON და მოდით მოთხოვნით სადილი. 509 00:31:30,490 --> 00:31:37,660 ასე რომ, კვება = ლანჩი. უბრალოდ დაწერა, რომ მისამართი, ჩვენ დაბრუნდეს აქ. 510 00:31:37,660 --> 00:31:41,290 აქ არის მენიუები. პირველი პარამეტრი არის გამომავალი = JSON 511 00:31:41,290 --> 00:31:44,640 იმიტომ, რომ ის, რაც ჩვენ გვინდა, და თქვენ გამოყოფა პარამეტრების და. 512 00:31:44,640 --> 00:31:48,940 მეორე პარამეტრი არის - არ მახსოვს. 513 00:31:48,940 --> 00:31:52,170 კვება. გვინდა კვება = ლანჩი. 514 00:31:52,170 --> 00:31:57,390 შეგიძლიათ შეამოწმოთ ეს მისამართი აკრეფით იგი თქვენს ბრაუზერში და აპირებს იგი. 515 00:31:57,390 --> 00:32:03,120 ეს მოგცემთ რამდენიმე გამომავალი. უბრალოდ რამოდენიმე პერსონალი, რომ ის ლანჩზე. 516 00:32:03,120 --> 00:32:10,410 ეს ამ მახინჯი ფორმატში. ჩვენ გვინდა, რომ ბეჭდვა ეს onto ჩვენი უკეთეს ფორმატში. 517 00:32:10,410 --> 00:32:12,580 ამიტომ URL სწორია, ახლა ჩვენ უბრალოდ უნდა დაწეროს ფუნქცია 518 00:32:12,580 --> 00:32:18,300 მოვუწოდებთ, როდესაც თხოვნის წარმატებული. 519 00:32:18,300 --> 00:32:20,430 ეს ფუნქცია პრაქტიკულად არგუმენტი. ეს იქნება მონაცემები. 520 00:32:20,430 --> 00:32:25,650 მონაცემები რა მოდის უკან ოჯახის თხოვნით შემდეგ ოჯახის თხოვნით კეთდება. 521 00:32:25,650 --> 00:32:28,860 ჩვენ შეგვიძლია ამის curly აფრთხილებს, აქ ვწერთ ანონიმური ფუნქცია 522 00:32:28,860 --> 00:32:33,900 რომ გაუშვებს, იყენებს, რომ მონაცემები, როდესაც ჩვენ ვიღებთ ინფორმაციას უკან. 523 00:32:33,900 --> 00:32:37,840 ასე რომ მონაცემები, როდესაც ჩვენ აკრეფილი ეს მისამართი, 524 00:32:37,840 --> 00:32:41,540 ეს არის ის მონაცემები აპირებს გამოიყურებოდეს. ეს იქნება ამ უზარმაზარი სიმებიანი. 525 00:32:41,540 --> 00:32:48,610 მაგრამ კარგი ისაა, JavaScript-ს შეუძლია გარჩევის ის გამოყენებით JSON.parse ფუნქცია. 526 00:32:48,610 --> 00:32:54,950 მოდით შევქმნათ ახალი ცვლადში გარჩევის მონაცემები. 527 00:32:54,950 --> 00:32:57,060 და გარჩევის მონაცემები მასივი ობიექტები. 528 00:32:57,060 --> 00:33:04,200 ყოველ ობიექტს შეიცავს ინფორმაციას, როგორიცაა - კარგად, მოდით შევხედოთ. 529 00:33:04,200 --> 00:33:08,980 მას აქვს თარიღი, კვება, კატეგორიის, რეცეპტი, ეს ყველაფერი სხვა პერსონალი. 530 00:33:08,980 --> 00:33:10,860 მოდით უბრალოდ ამობეჭდოთ სახელი თითოეული. 531 00:33:10,860 --> 00:33:13,790 მოდით iterate მთელ მასივი პერსონალი, რომ ჩვენ დავუბრუნდეთ მას, 532 00:33:13,790 --> 00:33:17,570 და მხოლოდ ამობეჭდოთ თითოეული - ამობეჭდოთ სახელით თითოეული. 533 00:33:17,570 --> 00:33:22,670 ეს არის for ციკლი. 534 00:33:22,670 --> 00:33:26,030 >> JavaScript აქვს ეს სასარგებლოა syntax სადაც შეგიძლიათ შექმნათ ცვლადი და მარყუჟის მეტი მასივი, 535 00:33:26,030 --> 00:33:30,150 და var i მხოლოდ iterator, ასე რომ ნაცვლად, რომელმაც უნდა გააკეთოს var i = 0, 536 00:33:30,150 --> 00:33:40,290 i ნაკლები იყო სიგრძით, i + +, შეგიძლიათ მხოლოდ ამის var მე გაანალიზება მონაცემები. 537 00:33:40,290 --> 00:33:47,060 ამ მაგალითად, გაანალიზება მონაცემები (ი) ხელს შეესაბამება მიმდინარე ელემენტს 538 00:33:47,060 --> 00:33:49,850 საქართველოს მასივი, ფაქტობრივი ობიექტი. 539 00:33:49,850 --> 00:33:51,720 და ჩვენ გვინდა სახელი გარეთ. 540 00:33:51,720 --> 00:33:54,170 მოდით მხოლოდ ამის სახელი. 541 00:33:54,170 --> 00:33:57,000 და ბოლოს, რაც, ჩვენ ვაპირებთ, რომ გარკვეული jQuery ერთხელ. 542 00:33:57,000 --> 00:34:02,660 სინამდვილეში დაამატოთ ეს div ეს კვება ინფორმაციის div, რომ ამჟამად ცარიელია. 543 00:34:02,660 --> 00:34:05,430 მოდით შერჩევა რომ. 544 00:34:05,430 --> 00:34:13,870 ჩვენ ამის გამოყენება jQuery და აირჩიეთ კვება ინფორმაციის div პირადობის მოწმობა, ან კვება ინფორმაციის ID, ბოდიში. 545 00:34:13,870 --> 00:34:16,580 ჩვენ გვინდა დამატება ამ. 546 00:34:16,580 --> 00:34:21,030 თუ ჩვენ ეს გამოცდა, მაგალითად, რომ ეს მხოლოდ გადაწერა თითოეული დრო. 547 00:34:21,030 --> 00:34:29,190 ასე რომ, ჩვენ უბრალოდ დამატება ამ. 548 00:34:29,190 --> 00:34:31,889 მიმდინარე ელემენტის მასივი, მივიღებთ სახელი გარეთ, 549 00:34:31,889 --> 00:34:38,159 და ჩვენ დამატება იგი ბოლომდე კვება ინფორმაციის ID div. 550 00:34:38,159 --> 00:34:40,120 და შემდეგ უბრალოდ, რათა ის გამოიყურება სუფთა, 551 00:34:40,120 --> 00:34:51,550 ჩვენ ასევე დამატება ხაზის შესვენების ამიტომ არ არის ყველა ერთ ხაზს. 552 00:34:51,550 --> 00:34:55,280 ასე რომ, თუ ყველაფერი კარგად, რომ უნდა იყოს კარგი - 553 00:34:55,280 --> 00:34:57,220 პირველ რიგში, როცა ამ ღილაკი დაწკაპავთ, 554 00:34:57,220 --> 00:35:00,070 ეს იქნება off ოჯახის თხოვნით, ამ URL. 555 00:35:00,070 --> 00:35:02,500 როდესაც მონაცემები ბრუნდება მისგან, რომ თქვენ გარჩევის მას, 556 00:35:02,500 --> 00:35:06,950 გადაქცევას JSON, მარყუჟის მთელ მასივი წარმოადგენს, რომ მონაცემები, 557 00:35:06,950 --> 00:35:10,310 და მერე დამატება სახელი და ხაზი შესვენება 558 00:35:10,310 --> 00:35:16,500 ყველა ხაზი ამ კვება ინფორმაციის ID რომელიც ადრე ცარიელი. 559 00:35:16,500 --> 00:35:18,910 ასე ბრუნდება ამ გვერდზე, ჩვენ ამოცნობა, 560 00:35:18,910 --> 00:35:23,690 დაჭერით, გაირკვეს, - ეს არ მუშაობს. ეს არის ის, სამწუხაროა. 561 00:35:23,690 --> 00:35:25,830 ეს არის სადაც გამართვის მოდის შემოსული 562 00:35:25,830 --> 00:35:30,070 შეცდომა, ხაზის 1. 563 00:35:30,070 --> 00:35:57,210 სწორედ საინტერესო. 564 00:35:57,210 --> 00:35:59,720 ყველა უფლება, ისევე, ვიდრე დროის აკეთებს ეს მე მხოლოდ აპირებს 565 00:35:59,720 --> 00:36:07,070 დახევის up გაკეთდეს ფაილი, რომელიც მე მაქვს, რაც დასრულდება ვერსია. 566 00:36:07,070 --> 00:36:13,710 მე არ ვარ დარწმუნებული, თუ რა განსხვავება არის, მაგრამ შეგვიძლია უბრალოდ გახსნა up ნაცვლად. 567 00:36:13,710 --> 00:36:19,740 და ჩვენ წასვლა AJAX, და ეს უნდა იმუშაოს სწორად. 568 00:36:19,740 --> 00:36:21,730 სწორედ ეს იყო ლანჩზე დღეს 569 00:36:21,730 --> 00:36:24,870 არ კერძოდ წესრიგი, ციტატებით გარშემო, ამიტომ არ არის prettiest. 570 00:36:24,870 --> 00:36:27,090 მაგრამ, ცხადია, თუ თქვენ ამით საბოლოო პროექტი, 571 00:36:27,090 --> 00:36:30,120 თქვენ გახდის მას გამოიყურებოდეს უკეთესად. 572 00:36:30,120 --> 00:36:32,530 მაგრამ ეს მხოლოდ მარტივი მაგალითია, თუ როგორ აკეთებთ ოჯახის თხოვნით. 573 00:36:32,530 --> 00:36:34,580 და თუ დავაკვირდებით ფაქტობრივი კოდი, მე გამოცნობა, მე პირადად დარწმუნებული ვარ 574 00:36:34,580 --> 00:36:39,690 ეს ჯერ კიდევ საკმაოდ ბევრი იგივე. 575 00:36:39,690 --> 00:37:04,990 ოჰ, დამავიწყდა გარდაქმნას მას სიმებიანი, რომ ეს. 576 00:37:04,990 --> 00:37:07,920 არა, ეს ჯერ კიდევ არ მუშაობს. მიუხედავად ამისა, აქ არის ფაქტობრივი დასრულდა კოდი 577 00:37:07,920 --> 00:37:10,300 იმისათვის, რაც უნდა გამოიყურებოდეს, 578 00:37:10,300 --> 00:37:16,400 გარდა ამისა, ეს იგივეა, რაც მე უბრალოდ განხორციელდა. 579 00:37:16,400 --> 00:37:22,760 როდესაც თქვენ დააჭირეთ ღილაკს, იგი იყენებს GET JSON ავტომატურად გარჩევის მონაცემები. 580 00:37:22,760 --> 00:37:29,190 იგი იღებს მონაცემების უკან და მარყუჟების მეშვეობით მთელი რიგი 581 00:37:29,190 --> 00:37:32,770 და ბეჭდავს out - ის რაც არის ლანჩზე დღეს, სახელწოდება, 582 00:37:32,770 --> 00:37:38,020 და appends ხაზის შესვენების შემდეგ ყოველი ხაზი. 583 00:37:38,020 --> 00:37:41,100 ეს არის ის, თუ როგორ გამოიყენოთ ოჯახის ფუნქცია. 584 00:37:41,100 --> 00:37:44,040 >> თქვენ ასევე შეგიძლიათ ჩანაწერი, რომელიც მე არ მაქვს დრო 585 00:37:44,040 --> 00:37:47,940 დაწერა up მაგალითი, მაგრამ ჩვენ შეგვიძლია შევხედოთ დოკუმენტაცია. 586 00:37:47,940 --> 00:37:53,220 თუ გადავხედავთ jquery.post, 587 00:37:53,220 --> 00:37:55,510 თქვენ ხედავთ, რომ თითქმის იგივე. 588 00:37:55,510 --> 00:38:01,650 თქვენ URL, არამედ გავლის პარამეტრების გამოყენებით - 589 00:38:01,650 --> 00:38:03,990 უბრალოდ აყენებს მათ სიმებიანი for URL თავად, 590 00:38:03,990 --> 00:38:06,300 თქვენ უნდა გაიაროს ამ მონაცემთა ცვლადი 591 00:38:06,300 --> 00:38:11,990 რომ ძირითადად მასივი, ლექსიკონი, რომ რუკების პარამეტრების ღირებულებებს. 592 00:38:11,990 --> 00:38:17,690 თქვენ გაივლის, რომ, და რომ აგზავნის გამოყენებით პოსტი. 593 00:38:17,690 --> 00:38:20,790 და კიდევ აქვს, რომ, მაშინ აქვს წარმატების ფუნქცია 594 00:38:20,790 --> 00:38:23,930 რომ გაუშვებს როდესაც მონაცემები ბრუნდება. 595 00:38:23,930 --> 00:38:26,430 წინააღმდეგ შემთხვევაში, ეს ზუსტად იგივე. ამიტომ გამოყენებით ჩანაწერი, 596 00:38:26,430 --> 00:38:29,970 დაგვჭირდება გამოიყენოთ ჩანაწერი, მაგალითად, თუ თქვენ გაქვთ შეყვანის ფორმა 597 00:38:29,970 --> 00:38:35,780 თქვენ ადამიანებს შეტანის პაროლები შევიდა, და იმ პაროლები off 598 00:38:35,780 --> 00:38:41,850 თქვენს უკან ბოლოს სცენარი, რათა შეამოწმოს მონაცემთა ბაზაში თუ არა, რომ შესახებ მოქმედებს თუ არა. 599 00:38:41,850 --> 00:38:46,700 ამის გაკეთება შეგიძლიათ, რომ ყველა იყენებს jQuery ნაცვლად, რომელმაც უნდა ამოცნობა გვერდზე ყველა. 600 00:38:46,700 --> 00:38:52,160 ასე მე განხორციელდა დღიურში, რომ მე აჩვენა თქვენ ადრე. 601 00:38:52,160 --> 00:38:59,530 თუ ჩვენ ბოლომდე ვერსია და სისტემიდან გამოსვლა, სისტემიდან გამოსვლა, 602 00:38:59,530 --> 00:39:02,600 სისტემიდან გამოსვლა არ მუშაობს. 603 00:39:02,600 --> 00:39:13,360 ასევე, ნება მომეცით უბრალოდ გახსენით ეს ახალი ფანჯარა. 604 00:39:13,360 --> 00:39:16,580 აქ პაროლი და მივდიოდი აკრიფოთ რაღაც შემთხვევითი. 605 00:39:16,580 --> 00:39:18,590 ეს არ მუშაობს, მაგრამ თქვენ ხედავთ, რომ ჩვენ არ 606 00:39:18,590 --> 00:39:20,840 რეალურად უნდა ამოცნობა გვერდზე ყველა. 607 00:39:20,840 --> 00:39:24,610 კოდი,, თუ გინდათ შეხედეთ მას, 608 00:39:24,610 --> 00:39:37,460 ეს ყველაფერი შესაძლებელია აქ. 609 00:39:37,460 --> 00:39:45,680 ასე რომ, კოდი დავწერე შარშან შუალედში. 610 00:39:45,680 --> 00:39:47,790 როგორც ხედავთ, ჩვენ ვერ გაგზავნით POST მოთხოვნით. 611 00:39:47,790 --> 00:39:50,400 მე მაქვს ფაილი სახელად login.php წელს დაბრუნდა ბოლოს, 612 00:39:50,400 --> 00:39:53,860 რომელიც ამოწმებს თუ დაგავიწყდათ მოქმედებს. 613 00:39:53,860 --> 00:39:56,000 პარამეტრების ჩვენ გადის უფრო პაროლი, mapped to 614 00:39:56,000 --> 00:40:00,030 შეტანის, რომ ამ შეტანის ყუთი გაკეთებული. 615 00:40:00,030 --> 00:40:04,110 ხოლო როდესაც მონაცემები ბრუნდება, ჩვენ შეამოწმოს. 616 00:40:04,110 --> 00:40:07,680 თუ ეს მონაცემები ყალბი, მაშინ ჩვენ ვამბობთ, არასწორი პაროლი, ლღობას მას, 617 00:40:07,680 --> 00:40:09,580 და მხოლოდ ის გაქრება ამის შემდეგ. 618 00:40:09,580 --> 00:40:12,320 წინააღმდეგ შემთხვევაში, ჩვენ ჩატვირთვა გვერდი. 619 00:40:12,320 --> 00:40:15,080 და ეს იყო ყველაფერი კეთდება გამოყენებით JSON. 620 00:40:15,080 --> 00:40:18,510 ამ მრავალი ხაზი კოდი, შეგიძლიათ მხოლოდ გაივლის მონაცემების უკან ბოლოს, 621 00:40:18,510 --> 00:40:21,020 თუ არა ეს სწორი, თუ არა თქვენ ხართ სწორად, 622 00:40:21,020 --> 00:40:24,200 და ფაქტობრივად რეაგირება უნდა მოახდინოს, გადამისამართებას ადამიანი, სწორი გვერდზე 623 00:40:24,200 --> 00:40:29,760 ან არ აძლევდა შესვლა და ეუბნება მათ, რომ მათ არასწორი პაროლი. 624 00:40:29,760 --> 00:40:33,040 ასე რომ, თუ როგორ შეგიძლიათ jQuery POST 625 00:40:33,040 --> 00:40:37,010 გაგზავნის POST თხოვნით, თქვენს უკან ბოლოს, 626 00:40:37,010 --> 00:40:42,400 შემოწმების თუ არა ვინმეს შესული სწორად. 627 00:40:42,400 --> 00:40:44,820 >> ყველა უფლება, ისე, რომ ყველაფერი მაგალითები მქონდა და ყველა პერსონალი მინდოდა დასაფარავად. 628 00:40:44,820 --> 00:40:47,110 ეს ის ძირითადი რამ, რაც jQuery გაძლევთ ამის გაკეთება: 629 00:40:47,110 --> 00:40:52,640 შერჩევა ელემენტები, შეცვალოს მათი გამოყენებით DOM მანიპულაცია, 630 00:40:52,640 --> 00:40:56,340 შეგიძლიათ ეფექტი გააქტიურდეს რამ გარკვეული მოვლენების, 631 00:40:56,340 --> 00:41:00,430 და ასევე არ AJAX მოითხოვს ძალიან ჩაირთოს და მარტივად. 632 00:41:00,430 --> 00:41:02,840 ასე რომ, მადლობა იმისათვის, რომ ან თვალს, 633 00:41:02,840 --> 00:41:06,230 და თუ თქვენ გაქვთ რაიმე შეკითხვები, უბრალოდ ნება მომეცით ვიცი. ჰო? 634 00:41:06,230 --> 00:41:12,730 [სტუდენტური] დასაწყისზე როდესაც თქვენ აჩვენა, რომ ჰქონდა JSON შემდეგ POST მოთხოვნის შესრულების შეთავაზება, 635 00:41:12,730 --> 00:41:15,170 და მე უბრალოდ მაინტერესებს, რა გააკეთა. 636 00:41:15,170 --> 00:41:20,070 >> ჰო, ვხედავ. კითხვა იყო, რომ მაგალითად მე აჩვენა, 637 00:41:20,070 --> 00:41:25,790 იყო სიტყვა JSON ამ შეთავაზებებს გარშემო - 638 00:41:25,790 --> 00:41:31,690 მე მხოლოდ გაიყვანოს იგი კვლავ - დაახლოებით POST ფუნქცია. 639 00:41:31,690 --> 00:41:43,320 მე მხოლოდ უბიძგებენ მდე აჩვენებს. 640 00:41:43,320 --> 00:41:46,890 ასე რომ, აქ არის ჩანაწერი მოთხოვნა და არსებობს ამ JSON ამ შეთავაზებებს. 641 00:41:46,890 --> 00:41:50,280 რომ მხოლოდ განსაზღვრავს რასაც ჩვენ ველოდებით გასასვლელი იყოს. 642 00:41:50,280 --> 00:41:54,070 ასე რომ, თუ ჩვენ გაივლის JSON ის სავარაუდო მონაცემები ტიპის, 643 00:41:54,070 --> 00:41:56,070 ეს არ არის მოთხოვნა, მაგრამ თუ ჩვენ გაივლის მას, 644 00:41:56,070 --> 00:41:58,590 მაშინ მონაცემები ავტომატურად გაანალიზება როგორც JSON. 645 00:41:58,590 --> 00:42:00,600 ასე რომ, ჩვენ არ უნდა მოვუწოდებთ JSON გარჩევის ფუნქცია მასზე, 646 00:42:00,600 --> 00:42:02,620 ეს თქვენ უბრალოდ არ ავტომატურად. 647 00:42:02,620 --> 00:42:05,150 და თუ თქვენ შეხედეთ დოკუმენტაცია ჩანაწერი, 648 00:42:05,150 --> 00:42:09,850 არსებობს ამ მონაცემთა ტიპის ცვლადი, ტიპის მონაცემთა მოსალოდნელია სერვერზე. 649 00:42:09,850 --> 00:42:12,660 ეს უპირობოდ ინტელექტუალური ვხვდები, რომ შეიძლება იყოს არასწორი, 650 00:42:12,660 --> 00:42:15,520 ასე რომ თქვენ შეგიძლიათ დატოვეთ ცარიელი, მაგრამ ეს მხოლოდ ტიპის მონაცემები 651 00:42:15,520 --> 00:42:21,680 ამ კოდების რომ თქვენ იყენებთ, თუ არა ეს JSON ან XML ან რაღაც. 652 00:42:21,680 --> 00:42:25,280 >> ნებისმიერი სხვა კითხვები? 653 00:42:25,280 --> 00:42:27,300 ყველა უფლება. თუ თქვენ გაქვთ რაიმე სხვა სახის კითხვებით, შეგიძლიათ მომაწოდეთ 654 00:42:27,300 --> 00:42:30,830 ზე vshekhawat@college.harvard.edu, 655 00:42:30,830 --> 00:42:34,860 და სლაიდები და კოდი უნდა იყოს ხელმისაწვდომი საკმაოდ მალე. 656 00:42:34,860 --> 00:42:42,810 წარმატებებს გისურვებთ თქვენი საბოლოო პროექტებს, რომ თქვენ გამოიყენოთ jQuery. 657 00:42:42,810 --> 00:42:46,810 [CS50.TV]