hide(speed,[callback]) trong jQuery

Miêu tả

Phương thức hide(speed,[callback]) trong jQuery ẩn tất cả phần tử đã so khớp bởi sử dụng một hiệu ứng đẹp và kích hoạt một callback tùy ý sau khi hoàn thành.

Cú pháp

Sau đây là cú pháp cho hide(speed,[callback]) trong jQuery:

selector.hide( speed, [callback] );

Tham số

Dưới đây miêu tả chi tiết về các tham số được sử dụng trong phương thức hide(speed,[callback]) trong jQuery:

• speed − Một chuỗi biểu diễn một trong ba tốc độ đã định trước ("slow", "normal", hoặc "fast") hoặc số mili giây để chạy hiệu ứng (ví dụ 1000).

• callback − Đây là tham số tùy ý biểu diễn một hàm để gọi một khi hiệu ứng hoàn thành.

Ví dụ

Sau đây là ví dụ đơn giản minh họa cách sử dụng của phương thức hide(speed,[callback]) trong jQuery:

<html>
   <head>
      <title>The jQuery Example</title>
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
		
      <script type="text/javascript" language="javascript">
   
         $(document).ready(function() {

            $("#show").click(function () {
               $(".mydiv").show( 100 );
            });

            $("#hide").click(function () {
               $(".mydiv").hide( 100 );
            });
         });

      </script>
		
      <style>
         .mydiv{ margin:10px;padding:12px; border:2px solid #666; width:100px; height:100px;}
      </style>
		
   </head>
	
   <body>
	
      <div class="mydiv">
         This is a SQUARE.
      </div>

      <input id="hide" type="button" value="Hide" />   
      <input id="show" type="button" value="Show" />   

   </body>
	
</html>

Nó sẽ cho kết quả:

Các bài học jQuery khác tại VietJack:

• jQuery là gì
• jQuery - Cơ bản
• jQuery - Selector
• jQuery - Thuộc tính
• jQuery - Traverse