Sự khác nhau giữa việc sử dụng onclick của jQuery và thuộc tính onclick là gì?

Question

Sự khác biệt giữa hai phần HTML sau đây (xin lỗi nếu có bất kỳ lỗi chính tả nào khi tôi đang gõ tự do này)?

Sử dụng jQuery:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#clickme").click(function() { 
      alert("clicked!"); 
     }); 
    }); 
</script> 

<a id="clickme" href="javascript:void(0);">click me</a> 

Không sử dụng jQuery:

<a id="clickme" href="javascript:void(0);" onclick="alert('clicked!');">click me</a> 

Answer 1

Một sự khác biệt lớn là các sự kiện của jQuery được xử lý trong sổ đăng ký được phân tích cú pháp trên sự kiện nhấp chuột. Quan trọng hơn, điều này có nghĩa rằng bạn được phép gán nhiều callbacks, và họ đã gây ra trong thứ tự mà họ đã đăng ký:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#clickme").click(function() { 
      alert("clicked!"); 
     }); 
     $("#clickme").click(function() { 
      alert("I concur, clicked!"); 
     }); 
    }); 
</script> 

Họ sẽ vừa được viện dẫn trên các sự kiện click, theo thứ tự đó. Sự kiện "thực sự" onClick bị ghi đè bởi hệ thống điều khiển đăng ký của jQuery. Trong cấu trúc tài liệu vani, không có hệ thống như jQuery tại chỗ, chỉ có thể có một sự kiện onClick.

Answer 2

Một trong những khác biệt là bổ sung xử lý với click jQuery không loại bỏ xử lý trước.

Answer 3

Nó cũng là một phân tách rõ ràng hơn về mã giao diện người dùng (HTML) và mã logic (JavaScript). Nó làm cho việc đọc dễ dàng hơn một chút.