Xử lý sự kiện với jQuery - Hướng dẫn và ví dụ

Xử lý sự kiện là một khía cạnh quan trọng trong phát triển web và jQuery cung cấp một loạt các phương thức và chức năng để dễ dàng xử lý sự kiện trên các phần tử HTML. Dưới đây là một số cách để xử lý sự kiện với jQuery:

Sự kiện Click

$("button").click(function() {
  // Xử lý khi nút được nhấp vào
});

Sự kiện Hover

$("img").hover(
  function() {
    // Xử lý khi con trỏ di chuột vào hình ảnh
  },
  function() {
    // Xử lý khi con trỏ di chuột ra khỏi hình ảnh
  }
);

Sự kiện Submit (Gửi form)

$("form").submit(function(event) {
  event.preventDefault(); // Ngăn chặn hành vi gửi form mặc định
  // Xử lý khi form được gửi đi
});

Sự kiện Keydown (Phím được nhấn xuống)

$(document).keydown(function(event) {
  // Xử lý khi có phím được nhấn xuống
});

Sự kiện Scroll (Cuộn trang)

$(window).scroll(function() {
  // Xử lý khi trang được cuộn
});

Sự kiện Change (Thay đổi giá trị)

$("select").change(function() {
  // Xử lý khi giá trị của select box thay đổi
});

Đây chỉ là một số ví dụ về cách xử lý sự kiện với jQuery. Bạn có thể sử dụng các phương thức này để thêm các xử lý logic, tương tác người dùng hoặc thay đổi nội dung của trang web dựa trên sự kiện xảy ra. jQuery cung cấp một cách dễ dàng và tiện lợi để làm việc với sự kiện và tạo ra trải nghiệm tương tác tốt trên trang web của bạn.