Kích hoạt sự kiện bằng phương thức jQuery click ()

Hành động phổ biến nhất mà chúng tôi thực hiện khi truy cập một trang web là gì? Một cú nhấp chuột! Nhấp là một trong những hành động quan trọng nhất đối với trang web hoặc ứng dụng. Bạn làm như vậy khi điều hướng qua một trang web và thêm sản phẩm vào giỏ hàng.

Sẽ thật tuyệt nếu chúng ta có thể biết khi nào người dùng nhấp vào một phần tử cụ thể trên trang? Sau đó, chúng tôi có thể xây dựng kinh nghiệm xung quanh hành vi này.

Nhập jQuery click() phương pháp. Chúng tôi có thể kích hoạt một sự kiện khi người dùng nhấp chuột chỉ trong một vài dòng mã. Phương thức này được gọi trên bộ chọn jQuery và nhận một hàm gọi lại làm đối số. Hàm gọi lại sẽ thực thi mỗi khi nhấp vào click() phương pháp phát hiện sự kiện nhấp chuột.

Sử dụng jQuery click ()

Chúng tôi sẽ hiển thị một nút HTML và thêm văn bản vào trang khi nút được nhấp trong ví dụ bên dưới. click() Phương thức có thể được đính kèm vào bất kỳ phần tử nào trên trang, nhưng phổ biến nhất là đính kèm nó vào một nút:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<div id="main">
  <button id="btn-primary">
  Click Me!
</button>
 <p class="new-content">
  
  </p>
</div>

Đoạn mã trên hiển thị một nút cơ bản có id là “btn-primary” bên trong