Sự kiện click() trong jQuery
1) Sự kiện click() trong jQuery
- Sự kiện click() xảy ra khi người dùng "click chuột trái" vào một phần tử.
- Ví dụ: Bạn hãy thử click chuột trái vào tấm hình bên dưới.
2) Cách sử dụng sự kiện click() trong jQuery
- Có hai trường hợp sử dụng sự kiện click():
- Trường hợp 1: Khi sự kiện click() xảy ra thì một chức năng sẽ được thực thi:
$(selector).click(function(){
//đoạn mã sẽ được thực thi khi sự kiện click() xảy ra
})
- Trường hợp 2: Kích hoạt sự kiện click() cho một phần tử:
$(selector).click();
3) Một số ví dụ
Ví dụ:
- Khi phần tử <button> xảy ra sự kiện click() thì hiển thị một thông báo với nội dung là Sự kiện click() vừa mới xảy ra
<script>
$(document).ready(function(){
$("button").click(function(){
alert("Sự kiện click() vừa mới xảy ra");
});
});
</script>
Xem ví dụ
Ví dụ:
- Khi phần tử có id là button1 xảy ra sự kiện click() thì phần tử có id là button2 sẽ được kích hoạt sự kiện click()
<script>
$(document).ready(function(){
$("#button1").click(function(){
$("#button2").click();
});
});
</script>
Xem ví dụ