Ủy quyền sự kiện trong jQuery

Nếu bạn đã học JavaScript, bạn chắc đã gặp chủ đề ủy quyền sự kiện, nhờ đó bạn có thể, ví dụ, loại bỏ các vấn đề khi gán sự kiện cho các phần tử mới. Hãy cùng xem cách thực hiện điều này trong jQuery.

Lấy đoạn mã HTML sau làm ví dụ:

html<ul>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

CSS cho nó trông như thế này:

cssli {
  width: 100px;
  cursor: pointer;
}

Bây giờ, hãy sử dụng phương thức on, để gắn sự kiện click không phải vào mục danh sách li, như chúng ta đã làm trong các bài học trước, mà vào chính danh sách ul. Chúng ta cũng sẽ truyền tham số thứ hai (tùy chọn) 'li' với vai trò là bộ chọn phần tử con. Hãy xem kết quả:

javascript$('ul').on('click', 'li', function() {
  $(this).append('!');
});