jquery的ready()

jQuery的ready()函数是一个事件处理函数，用于在文档加载完成后执行JavaScript代码。它有多种写法，如下所示：

1. $(document).ready(function(){...});
2. $().ready(function(){...});
3. $(function(){...});

这三种写法都是等价的，都表示在文档加载完成后执行函数内的代码。其中第三种写法是最简洁的，也是最常用的。

下面是一个例子，演示了如何使用ready()函数：

$(function(){
    // 在文档加载完成后执行以下代码
    $('#button').click(function(){
        $('p').hide();    });
});

这个例子中，当页面加载完成后，会给id为button的按钮添加一个点击事件，当按钮被点击时，会隐藏所有的p元素。

相关问题

JavaScript window.onload 事件和jQuery ready 函数有何不同

JavaScript的window.onload事件和jQuery的ready函数都是用来在页面加载完成后执行某种操作的，但是两者存在一些不同之处。其中，最明显的不同在于触发时机不同：window.onload事件是在所有页面元素（包括图片、脚本、样式表等）加载完成后触发，而jQuery的ready函数则是在DOM结构加载完成后立即触发，不必等待其他资源的加载。此外，window.onload事件只能定义一次，而jQuery的ready函数可以定义多个。

jquery中ready方法

jQuery中的ready()方法用于在DOM加载完成后执行指定的函数。该方法会在DOM加载完成后触发，不需要等待图片、样式表和其他资源的加载完成。可以将需要执行的代码放在ready()方法中，以确保DOM元素已经加载完成。

例如，以下代码使用ready()方法在DOM加载完成后弹出一个提示框：

$(document).ready(function(){
  alert("DOM已加载完成！");
});

可以使用以下更简洁的方式来写同样的代码：

$(function(){
  alert("DOM已加载完成！");
});

这个缩写语法相当于在document对象上调用ready()方法。