ready(fn) trong jQuery



Miêu tả

Phương thức ready(fn) trong jQuery sẽ Bind một hàm để được thực thi bất cứ khi nào DOM sẵn sàng để được thao tác.

Phương thức này là sự thay thế cho việc sử dụng window.onload

Cú pháp

Sau đây là cú pháp để sử dụng ready(fn) trong jQuery:

selector.ready( fn )

Tham số

Chi tiết tham số được sử dụng trong phương thức ready(fn) trong jQuery:

  • fn − Hàm để được thực thi khi DOM sẵn sàng.

Quảng cáo

Ví dụ

Ví dụ đơn giản sau minh họa cách sử dụng của ready(fn) 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() {
            $("div").text("The DOM is now loaded...");
         });
      </script>
		
      <style>
         .div{ margin:10px;padding:12px; border:2px solid #666; width:200px;}
      </style>
		
   </head>
	
   <body>
      <div class="div" style="background-color:blue;"></div>
   </body>
	
</html>

Nó sẽ cho kết quả:

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


xu_ly_su_kien_trong_jquery.jsp