$(document).ready(function() là gì

July 14, 2020
|
javascript
Chắc hẳn có nhiều bạn không hiểu $(document).ready(function() có nghĩa là gì đúng không? Mà nó lại được dùng rất nhiều nếu bạn sử dụng Jquery phải không nào? Vì vậy hôm nay mình sẽ chỉ cho các bạn nó dùng để làm gì và ý nghĩa của nó là gì?

$(document).ready(function() là gì

Ví dụ sử dụng $(document).ready(function()

Sử dụng $(document).ready(function() với 1 function được cung cấp sẵn, function slideToggle()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<script>

$(document).ready(function(){

 $("button").click(function(){

   $("p").slideToggle();

 });

});

</script>

<p>This is a paragraph.</p>

<button>Toggle between slide up and slide down for a p element</button>

Định nghĩa và cách sử dụng

- $(document).ready() là bộ sự kiện cơ bản của Jquery. Tất cả các sự kiện trong đó sẽ được kích hoạt khi html là gì và DOM Tree của trang web được load xong.

- Vì sự kiện này xảy ra sau khi tài liệu đã sẵn sàng, đây là nơi tốt để có tất cả các sự kiện và hàm jQuery khác. Giống như trong ví dụ trên.

- Phương thức ready () trong Jquery chỉ định điều gì xảy ra khi sự kiện sẵn sàng xảy ra.

Mẹo: Không nên sử dụng phương thức ready () cùng với <body onload = "">.

Xem thêm bài viết về: $(document).ready(function() là gì

‍