$(document).ready()是一个jQuery的方法,用于在DOM加载完成后执行指定的代码。它的作用是确保在页面元素完全加载后再执行jQuery代码,以避免在DOM还未完全加载时执行代码导致的错误。
使用$(document).ready()的基本语法如下:
```javascript
$(document).ready(function() {
// 执行代码
});
```
可以看到,$(document).ready()方法接受一个匿名函数作为参数,该函数包含要执行的代码。当页面的DOM加载完毕后,该函数将被调用并执行其中的代码。
可以在一个页面中多次使用$(document).ready()方法,来执行多个不同的代码块。例如:
```javascript
$(document).ready(function() {
// 执行代码块1
});
$(document).ready(function() {
// 执行代码块2
});
```
这样,代码块1和代码块2将在DOM加载完成后依次执行。
另外,$(document).ready()方法还有一个简写形式:$(function() {})。这种写法与$(document).ready(function() {})的效果是完全一样的,只是简化了语法。
```javascript
$(function() {
// 执行代码
});
```
使用$(document).ready()可以确保代码在DOM加载完成后执行,从而避免了一些常见的问题,如访问未加载的DOM元素或在DOM未加载完成时执行代码导致的错误。