jQuery ready()函数介绍

jQuery ready()函数是一个非常重要的函数，它用于在web页面中加载完毕时执行一些JavaScript代码。这个函数确保了页面的DOM元素已经完全加载并准备好了，才会执行用户定义的函数。

语法

$(document).ready(function(){
  // 用户定义的函数
});

表示在文档对象树加载完成后执行回调函数。这里的$是jquery的别名，即jQuery对象。

使用方式

在jQuery中，可以使用ready()函数来调用DOM到位后的函数。

$(document).ready(function(){
  // 在这里编写JavaScript代码
});

也可以使用以下的简写方法：

$(function(){
  // 在这里编写JavaScript代码
});

例子

下面是一个基本的jQuery ready()函数的例子：

$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});

这个例子表示，在页面中有一个button元素时，点击这个button元素，所有p元素都将被隐藏。

注意事项

• 只有当网页页面完全加载之后，才可以使用ready()函数。
• 如果ready()函数在文档对象树已经被解析之后再被调用，它仍将被执行。

以上介绍的是jQuery ready()函数的基本功能和使用方法。若要了解jQuery的更多详细使用方法，请参考jQuery官方文档。