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

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

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>
Phương thức fadeOut() không tham số trong JQuery nằm trong bài viết Phương thức fadeOut() trong JQuery