jQuery: click() method
Khi bạn click chuột vào một phần tử HTML nào đó thì phương thức click() sẽ được kích hoạt.
Ví dụ sau đây sẽ thực hiện việc ẩn các phần tử <div> và làm mờ phần tử <p> khi người dùng click chuột vào chúng.
Ví dụ
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis. com/ajax/libs/jquery/1.11.0 /jquery.min.js">
</script>
<script>
$(function(){
$("div").click(function(){
$(this).hide(1000);
});
$("p").click(function(){
$(this).css("opacity","0.5");
});
});
</script>
<style>
div,p{
width:50%;
height:50px;
text-align:center;
background:green;
color:white;
cursor:pointer;
}
</style>
</head>
<body>
<div>Tôi thuộc <div>. Click tôi => Tôi ẩn</div>
<p>Tôi nằm trong phần tử <p>. Click tôi => Tôi mờ đi</p>
<div>Tôi cũng thuộc <div>. Click tôi => Tôi cũng ẩn</div>
<p>Tôi cũng nằm trong phần tử <p>. Click tôi => Tôi cũng mờ đi</p>
</body>
</html>