jQuery之$(document).ready()使用介绍

$(document).ready()是一个jQuery的方法，用于在DOM加载完成后执行指定的代码。它的作用是确保在页面元素完全加载后再执行jQuery代码，以避免在DOM还未完全加载时执行代码导致的错误。

使用$(document).ready()的基本语法如下：

$(document).ready(function() {
// 执行代码
});

可以看到，$(document).ready()方法接受一个匿名函数作为参数，该函数包含要执行的代码。当页面的DOM加载完毕后，该函数将被调用并执行其中的代码。

可以在一个页面中多次使用$(document).ready()方法，来执行多个不同的代码块。例如：

$(document).ready(function() {
// 执行代码块1
});
$(document).ready(function() {
// 执行代码块2
});

这样，代码块1和代码块2将在DOM加载完成后依次执行。

另外，$(document).ready()方法还有一个简写形式：$(function() {})。这种写法与$(document).ready(function() {})的效果是完全一样的，只是简化了语法。

$(function() {
// 执行代码
});

使用$(document).ready()可以确保代码在DOM加载完成后执行，从而避免了一些常见的问题，如访问未加载的DOM元素或在DOM未加载完成时执行代码导致的错误。