1 00:00:00,000 --> 00:00:00,470 2 00:00:00,470 --> 00:00:03,760 >> ลำโพง: มาปรับปรุงที่ผ่านมา เช่นโดยการใช้งานจาวาสคริปต์ได้รับความนิยม 3 00:00:03,760 --> 00:00:07,520 เรียกว่าห้องสมุด jQuery ที่จะช่วยให้ เราจะทำความสะอาดรหัสของเราขณะที่ยังคง 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 ฉันมี แท็กสคริปต์แล้วกับคุณลักษณะ 8 00:00:22,120 --> 00:00:26,460 แหล่งที่มาที่มีค่าเป็น URL ของ รุ่นล่าสุดของห้องสมุดนี้ 9 00:00:26,460 --> 00:00:30,220 ด้านล่างที่ฉันมีแท็กสคริปต์แยก มีแหล่งที่มาไม่ได้ แต่ที่ฉันซ้าย 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 สัญกรณ์ชวเลขเพื่อ 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 $ "# สาธิต" ซึ่งระบุว่าฉันต้องการ องค์ประกอบที่จะได้รับจาก 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 >> ในขณะเดียวกันให้ระบุรั้งเปิดและ รั้งใกล้ชิดและผู้ที่อยู่ภายใน 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 แจ้งเตือน "สวัสดี" และขอเชื่อมกับ เพื่อให้ผลของการเรียก $ "ชื่อ #" 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 และตอนนี้ขอเรียกใช้ฟังก์ชันภายในของ วัตถุที่เรียกว่าวาลที่ได้รับ 35 00:02:04,790 --> 00:02:07,370 ค่าข้อความที่ ผู้ใช้จะพิมพ์ค่ะ 36 00:02:07,370 --> 00:02:11,270 และให้เชื่อมต่อเพื่อให้เพียง เพื่อความสนุกสนานเครื่องหมายอัศเจรีย์ 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 ลองใส่เดวิด 48 00:02:42,720 --> 00:02:45,040 คลิกส่งและสวัสดี เดวิดกลับมา 49 00:02:45,040 --> 00:02:48,299