ตัวอย่างความแตกต่างระหว่าง $ ("") คลิกและ onclick

รหัส HTML

 <script type = "text/javascript"> $ (function () {$ ("#btn4") คลิก (ฟังก์ชั่น () {$ ("#btn3") คลิก ();});}); ฟังก์ชั่นเปลี่ยน () {แจ้งเตือน ("onclick"); } </script> <button id = "btn3" onclick = "เปลี่ยน ()"> dd </button> <button id = "btn4"> ee </button>

ความแตกต่าง:

1.onclick เป็นเหตุการณ์ที่มีผลผูกพันที่บอกเบราว์เซอร์ว่าจะทำอย่างไรเมื่อคลิกเมาส์

คลิกตัวเองเป็นวิธีที่กระตุ้นเหตุการณ์ onclick ตราบใดที่วิธีการคลิก () ขององค์ประกอบถูกดำเนินการเหตุการณ์ onClick จะถูกเรียกใช้ ดังที่แสดงในรหัสอุทธรณ์เมื่อมีการคลิกปุ่ม 'EE' เหตุการณ์ onClick 'DD' จะถูกเรียกใช้ (โดยปกติการกดปุ่ม 'DD' จะทริกเกอร์เหตุการณ์ 'DD' onClick) เหตุผลก็คือ

 $ ("#btn4") คลิก (function () {$ ("#btn3") คลิก ();});

เมื่อคลิกปุ่ม 'EE' เมธอด 'DD' คลิก () จะเรียกว่าภายในซึ่งกระตุ้นเหตุการณ์ 'DD' onClick

2. ฟังก์ชั่นหลักของวิธีการคลิก () คือการเรียกเหตุการณ์ onclick เพื่อเรียกองค์ประกอบวิธีการคลิก นอกจากนี้หากรหัสต่อไปนี้ถูกกำหนดไว้ในวิธีการคลิก

 $ ("#btn3") คลิก (ฟังก์ชัน () {แจ้งเตือน ("***");});

รหัสฟังก์ชั่นในวิธีการคลิกจะถูกดำเนินการหลังจากดำเนินการเหตุการณ์ onClick ในเวลานี้วิธีการคลิกมีบทบาทในการต่อท้ายกิจกรรม ตัวอย่าง:

รหัส HTML

 <script type = "text/javascript"> $ (function () {$ ("#btn3") คลิก (function () {alert ("aa");});}); ฟังก์ชั่นเปลี่ยน () {แจ้งเตือน ("bb"); } </script> <button id = "btn3" onclick = "change ()"> dd </button>

คำสั่งป๊อปอัพของกล่องป๊อปอัพคือ 'BB' ครั้งแรกจากนั้น 'AA'