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

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

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