Previous Lesson Next Lesson

.click() trong jQuery

Định nghĩa và sử dụng .click() trong jQuery

.click(): Kích hoạt sự kiện click trên thành phần hoặc ràng buộc xử lý một sự kiện tới sự kiện click trong javascript.

Cấu trúc .click() trong jQuery

Đã được thêm vào từ phiên bản 1.0 Kích hoạt sự kiện click cho thành phần

.click()
-------------------------------------------------------------------------------------
$('p').click();

Đã được thêm vào từ phiên bản 1.4.3 Sử dụng function cho sự kiện click

.click(function(){})
-------------------------------------------------------------------------------------
$('p').click(function(){
    $('span').css('color','red');
});

.after(bộ chọn)

Html viết:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
    $('p').click(function(){
        var clicked = $('span').click();
        if(clicked){$('span').css('color','red');}
    });
});
</script>
</head>

<body>
<p>Click</p>
<span>Thành phần span</span>
</body>
</html>

Hiển thị trình duyệt:

Khi click vào thành phần p, khi đó function sẽ thực hiện hành động $('span').click() tức là đã kích hoạt cho span một sự kiện click, span lúc này sẽ được hiểu là đang thực hiện sự kiện click.

.click(function(){})

Html viết:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Tiêu đề</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
    $('p').click(function(){
        $('span').css('color','green');
    });
});
</script>
</head>

<body>
<p>Click</p>
<span>Thành phần span</span>
</div>
</body>
</html>

Hiển thị trình duyệt:

Khi tác động lên thành phần p một sự kiện click thì ngay lập tức trình duyệt sẽ xử lý nội dung của function là đổi màu của span.

Previous Lesson Next Lesson

Preview

Viết câu trả lời

0 Bình luận

bắt đầu chủ đề từ ·

@ ·