ลำโพง: มาปรับปรุงที่ผ่านมา เช่นโดยการใช้งานจาวาสคริปต์ได้รับความนิยม เรียกว่าห้องสมุด jQuery ที่จะช่วยให้ เราจะทำความสะอาดรหัสของเราขณะที่ยังคง หลีกเลี่ยงปัญหาที่เราพบ ก่อนหน้านี้โดยรหัสบางอย่างที่ผมเขียน กำลังดำเนินการก่อนกำหนดก่อน องค์ประกอบฉันจำเป็นต้องมีอยู่ใน DOM มีอยู่จริงๆ 

สังเกตเห็นที่นี่ใน Dom-2.html ฉันมี แท็กสคริปต์แล้วกับคุณลักษณะ แหล่งที่มาที่มีค่าเป็น URL ของ รุ่นล่าสุดของห้องสมุดนี้ ด้านล่างที่ฉันมีแท็กสคริปต์แยก มีแหล่งที่มาไม่ได้ แต่ที่ฉันซ้าย ห้องพักที่จะเขียนจริง บางส่วนของรหัสของฉันเอง รหัสฉันต้องการที่จะเขียนเป็น ดังต่อไปนี้ $ ซึ่งเป็นจริงเพียง สัญกรณ์ชวเลขเพื่อ jQuery ตัวเอง (เอกสาร) ในคำอื่น ๆ ที่ฉันเป็นเพียงแค่ผ่าน อาร์กิวเมนต์ฟังก์ชันที่เรียกว่า jQuery เอกสารทั่วโลก ตัวแปรที่มีอยู่แล้วภายใน ของหน้าเว็บใด ๆ 

แล้วให้ทำ. พร้อมฟังก์ชั่นการโทร หรือวิธีการที่ระบุว่า ก้อนของรหัสต่อไปควรจะเป็น ดำเนินการเพียงครั้งเดียวเอกสารทั้งหมด พร้อมนี้โดยเฉพาะ ฟังก์ชั่นที่ไม่ระบุชื่อที่นี่ $ "# สาธิต" ซึ่งระบุว่าฉันต้องการ องค์ประกอบที่จะได้รับจาก DOM ของฉัน ที่เป็นตัวระบุที่ไม่ซ้ำกันสาธิต และจากนั้นเมื่อเราได้อากาศที่ให้ ลงทะเบียนด้วยตัวจัดการเหตุการณ์สำหรับ ส่งเหตุการณ์โดยระบุ. ส่ง ผ่านไปที่ไม่ระบุชื่อ ฟังก์ชั่นที่คาดว่าเป็นหนึ่งในข้อโต้แย้ง ที่เราจะเรียกเหตุการณ์ซึ่งเป็น ในที่สุดก็จะมีการอ้างอิง แปลก ๆ ที่จะเกิดขึ้นจริง กรณีการส่งเพียงแค่ในกรณีที่เราต้องการ ต้องการเข้าถึงโดยตรง 

ในขณะเดียวกันให้ระบุรั้งเปิดและ รั้งใกล้ชิดและผู้ที่อยู่ภายใน วงเล็บให้จริงเขียนรหัส ที่เราต้องการดำเนินการเมื่อแบบฟอร์มนี้ มีการส่ง แจ้งเตือน "สวัสดี" และขอเชื่อมกับ เพื่อให้ผลของการเรียก $ "ชื่อ #" ซึ่งระบุว่าฉันต้องการที่จะได้รับ องค์ประกอบใน DOM ของฉันที่มีที่ไม่ซ้ำกัน ระบุเป็นชื่อ และตอนนี้ขอเรียกใช้ฟังก์ชันภายในของ วัตถุที่เรียกว่าวาลที่ได้รับ ค่าข้อความที่ ผู้ใช้จะพิมพ์ค่ะ และให้เชื่อมต่อเพื่อให้เพียง เพื่อความสนุกสนานเครื่องหมายอัศเจรีย์ 

สุดท้ายมากกว่าแค่กลับมาเป็นเท็จ เราไม่ก่อนที่จะขอเป็นอีกเล็กน้อย ที่ชัดเจนและระบุว่าให้ที่ วัตถุเหตุการณ์ที่เราต้องการที่จะป้องกันไม่ให้มัน เริ่มต้นการทำงานด้วยการเรียกเฉพาะ ฟังก์ชั่นหรือวิธีการที่เรียกว่า ป้องกันไม่ให้เริ่มต้นดังต่อไปนี้ event.preventDefault ตอนนี้ขอเก็บไฟล์ เปิดขึ้นในเบราว์เซอร์ของฉัน http://localhost/dom-2.html 

มีรูปแบบที่ ลองใส่เดวิด คลิกส่งและสวัสดี เดวิดกลับมา