Demo-V1Study

Tôi thuộc <div>. Click tôi => Tôi ẩn

Tôi nằm trong phần tử <p>. Click tôi => Tôi mờ đi

Tôi cũng thuộc <div>. Click tôi => Tôi cũng ẩn

Tôi cũng nằm trong phần tử <p>. Click tôi => Tôi cũng mờ đi

Code

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/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:70%;
height:100px;
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>