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

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

Kết quả - Phương thức hide() 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 hide() không tham số trong JQuery</title>
</head>
<body>

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

<!--Ẩn phần tử HTML có id là anid-->
<p id="anid">Nội dung trong ID</p>
<button id="nutanid">ẨN ID</button>
<p>Click ẨN ID để ẩn phần tử HTML có id là anid</p>

<!--Ẩ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">ẨN CLASS</button>
<p>Click ẨN CLASS để ẩn những phần tử HTML có class là classp</p>

<!--Ẩn những thẻ P-->
<p>Nội dung trong thẻ P</p>
<p>Nội dung trong thẻ P</p>
<button id="nutanthep">ẨN THẺ P</button>
<p>Click ẨN THẺ P để ẩn những thẻ P</p>

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

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

// Ẩn những thẻ P
$("#nutanthep").click(function(e) {
  $("p").hide();		
});
</script>
</body>
</html>