1 00:00:00,000 --> 00:00:00,470 2 00:00:00,470 --> 00:00:03,760 >> დინამიკები მოდით გაუმჯობესების საფუძველზე, რომ გასულ მაგალითად გამოყენებით პოპულარული JavaScript 3 00:00:03,760 --> 00:00:07,520 ბიბლიოთეკა მოუწოდა jQuery, რომელიც საშუალებას us გაწმენდა ჩვენი კოდი, ხოლო ჯერ კიდევ 4 00:00:07,520 --> 00:00:11,010 თავიდან აცილების საკითხი შეგვექმნა ადრე, რომლის დროსაც რამდენიმე კოდი, რომ დავწერე 5 00:00:11,010 --> 00:00:15,600 შესრულებულია ნაადრევად ადრე ელემენტები მჭირდებოდა არსებობს DOM 6 00:00:15,600 --> 00:00:17,530 რეალურად არსებობდა. 7 00:00:17,530 --> 00:00:22,120 >> გაითვალისწინეთ, აქ dom-2.html, მაქვს script tag უკვე ატრიბუტი 8 00:00:22,120 --> 00:00:26,460 წყაროს, რომლის ღირებულება არის URL მისამართი უახლესი ვერსია ამ ბიბლიოთეკაში. 9 00:00:26,460 --> 00:00:30,220 ქვემოთ რომ მაქვს ცალკე სკრიპტი tag ერთად წყარო მაგრამ მე დაუტოვებიათ 10 00:00:30,220 --> 00:00:32,590 ოთახი რეალურად წერენ ზოგიერთი ჩემი საკუთარი კოდი. 11 00:00:32,590 --> 00:00:36,690 კოდი მინდა დაწერა, როგორც შემდეგნაირად, $, რომელიც მართლაც მხოლოდ 12 00:00:36,690 --> 00:00:40,510 სტენოგრამის ნოტაცია for jQuery თავისთავად, (დოკუმენტი). 13 00:00:40,510 --> 00:00:43,330 14 00:00:43,330 --> 00:00:46,700 სხვა სიტყვებით რომ ვთქვათ, მე უბრალოდ გავლით, როგორც არგუმენტი ფუნქცია მოუწოდა 15 00:00:46,700 --> 00:00:50,690 jQuery დოკუმენტი, გლობალური ცვლადი, რომ უკვე არსებობს შიგნით 16 00:00:50,690 --> 00:00:52,100 ნებისმიერი ვებ გვერდი. 17 00:00:52,100 --> 00:00:57,400 >> მაშინ მოდით გავაკეთოთ. მზად, მოუწოდებენ ფუნქცია ან მეთოდი, რომელიც ადგენს, რომ 18 00:00:57,400 --> 00:01:01,290 შემდეგი ბლოკი კოდი უნდა იყოს შესრულებული მხოლოდ ერთხელ მთელი დოკუმენტი 19 00:01:01,290 --> 00:01:04,750 მზად არის, კონკრეტულად ამ ანონიმური ფუნქცია აქ. 20 00:01:04,750 --> 00:01:07,450 21 00:01:07,450 --> 00:01:14,210 $ "# Demo", რომელიც მიუთითებს, რომ მინდა მიიღოს ელემენტს ჩემი DOM 22 00:01:14,210 --> 00:01:16,370 რომელიც უნიკალურ იდენტიფიკატორს არის დემო. 23 00:01:16,370 --> 00:01:19,990 და შემდეგ კიდევ ჩვენ მიღებული, რომ, მოდით რეგისტრაცია ეს ღონისძიება დამმუშავებლის 24 00:01:19,990 --> 00:01:25,250 წარუდგინოს ღონისძიება განსაზღვრით. წარუდგინოს, ახერხებდნენ, რომ ანონიმური 25 00:01:25,250 --> 00:01:29,370 ფუნქცია, რომელიც ელოდება ერთი არგუმენტი რომ ჩვენ მოვუწოდებთ ღონისძიება, რომელიც 26 00:01:29,370 --> 00:01:32,230 საბოლოო ჯამში, უბრალოდ იქნება მინიშნება სახის ფაქტობრივი 27 00:01:32,230 --> 00:01:36,030 წარდგენის ღონისძიება მხოლოდ იმ შემთხვევაში თუ ჩვენ გვინდა მინდა შედიხართ, რომ პირდაპირ. 28 00:01:36,030 --> 00:01:40,470 >> ამასობაში, მოდით მიუთითოთ ღია გაუწიოს და close გაუწიოს და შიგნით იმ 29 00:01:40,470 --> 00:01:44,140 აფრთხილებს, მოდით რეალურად დაწეროს კოდი რომ ჩვენ გვინდა შესრულებული, როდესაც ეს ფორმა 30 00:01:44,140 --> 00:01:45,210 წარმოდგენილი. 31 00:01:45,210 --> 00:01:54,810 გაფრთხილება "Hello", და მოდით concatenate on ასე რომ დარეკვისას $ "# სახელი" 32 00:01:54,810 --> 00:01:58,880 რომელიც მიუთითებს, რომ მინდა კიდევ ელემენტის ჩემი DOM რომლის უნიკალური 33 00:01:58,880 --> 00:02:00,750 მაიდენტიფიცირებელი სახელი. 34 00:02:00,750 --> 00:02:04,790 და მოდით ახლა მოვუწოდებთ ფუნქცია შიგნით რომ ობიექტი მოუწოდა val რომელიც იღებს 35 00:02:04,790 --> 00:02:07,370 ტექსტური ღირებულება, მომხმარებელი აკრეფილი შემოსული 36 00:02:07,370 --> 00:02:11,270 და მოდით concatenate ისე, რომ, უბრალოდ, for fun, ძახილის წერტილი. 37 00:02:11,270 --> 00:02:14,610 >> და ბოლოს, ვიდრე უბრალოდ დაბრუნების ცრუ, როგორც ჩვენ არ ადრე, მოდით იყოს ცოტა მეტი 38 00:02:14,610 --> 00:02:18,750 სიცოცხლისუნარიანობა და დააკონკრეტა, რომ იმის გათვალისწინებით, რომ ღონისძიების ობიექტი, ჩვენ გვინდა, რომ თავიდან ავიცილოთ მისი 39 00:02:18,750 --> 00:02:22,480 რა ქცევის კონკრეტულად მოუწოდებს ფუნქცია ან მეთოდი ეწოდება 40 00:02:22,480 --> 00:02:24,190 თავიდან ასაცილებლად ნაგულისხმევი ასეთია. 41 00:02:24,190 --> 00:02:25,440 event.preventDefault. 42 00:02:25,440 --> 00:02:27,760 43 00:02:27,760 --> 00:02:30,080 მოდით ახლა ფაილის შენახვა და გახსნა ეს ჩემს ბრაუზერში. 44 00:02:30,080 --> 00:02:33,240 45 00:02:33,240 --> 00:02:40,120 http://localhost/dom-2.html 46 00:02:40,120 --> 00:02:41,410 >> იქ რომ ფორმით. 47 00:02:41,410 --> 00:02:42,720 მოდით input დავით. 48 00:02:42,720 --> 00:02:45,040 დაწკაპვით შეტანა და hello, დავით დაბრუნდა. 49 00:02:45,040 --> 00:02:48,299