Phương thức fadeOut() không tham số trong JQuery

Trình soạn thảo - Phương thức fadeOut() không tham số trong JQuery

Kết quả - Phương thức fadeOut() không tham số trong JQuery

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Phương thức fadeOut() không tham số trong JQuery</title>
</head>
<body>

<h1>Phương thức fadeOut() không tham số trong JQuery</h1>
<p>Không cần truyền tham số vào phương thức:</p>

<!--Mờ dần và Ẩn phần tử HTML có id là anid-->
<p id="anid">Nội dung trong ID</p>
<button id="nutanid">MỜ DẦN VÀ ẨN ID</button>
<p>Click MỜ DẦN VÀ ẨN ID để Mờ dần và ẩn phần tử HTML có id là anid</p>

<!--Mờ dần và Ẩn những phần tử HTML có class là classp-->
<p class="classp">Nội dung trong class</p>
<p class="classp">Nội dung trong class</p>
<p class="classp">Nội dung trong class</p>
<button id="nutanclassp">MỜ DẦN VÀ ẨN CLASS</button>
<p>Click MỜ DẦN VÀ ẨN CLASS để Mờ dần và ẩn những phần tử HTML có class là classp</p>

<!--Mờ dần và Ẩn những thẻ P-->
<p>Nội dung trong thẻ P</p>
<p>Nội dung trong thẻ P</p>
<button id="nutanthep">MỜ DẦN VÀ ẨN THẺ P</button>
<p>Click MỜ DẦN VÀ ẨN THẺ P để Mờ dần và ẩn những thẻ P</p>

<script src="https://webmoi.vn/media/js/jquery-2.2.1.js"></script>
<script>
// Mờ dần và Ẩn phần tử HTML có id là anid
$("#nutanid").click(function(e) {
  $("#anid").fadeOut();		
});

// Mờ dần và Ẩn những phần tử HTML có class là classp
$("#nutanclassp").click(function(e) {
  $(".classp").fadeOut();		
});

// Mờ dần và Ẩn những thẻ P
$("#nutanthep").click(function(e) {
  $("p").fadeOut();		
});
</script>
</body>
</html>