Web Cơ Bản

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ụ