jQuery ready()函数

jQuery中的ready()函数仅在DOM(文档对象模型)完全加载时才执行代码。它是jQuery中的内置函数。它可以在加载所有图像等之前触发，但是只有在DOM准备就绪时才可以触发。仅当页面准备好执行JavaScript代码时，才会执行插入在$(document).ready()之间的代码。

我们不应该将ready()方法与。

句法

我们可以通过以下两种方式使用ready()函数。

• ready()函数的常用语法如下。

$(document).ready(function)

• 由于我们只能对当前文档使用ready()函数，因此可以跳过选择器。我们还可以如下编写上述语法。

$(function)

以上两种方式均有效。第二语法可以用作第一语法的替代。从下面的代码中可以清楚地看出。

$(document).ready(function() {  
$("p").css("color", "red");  
});

上面的代码等同于下面的代码。

$(function() {  
$("p").css("color", "red");  
});  

一些经验丰富的开发人员使用简写$()而不是$(document).ready()，但是如果我们为没有经验的人编写代码，则最好使用长格式。

参数值

ready()函数只有一个参数值，定义如下。

函数()：这是必填参数，用于指定在加载文档后执行的函数。

让我们来看一个使用$(document).ready()函数的示例。

例

在此示例中，有一些段落元素和一个按钮。在这里，我们使用$(document).ready()函数更改给定段落的样式。

 Welcome to the javaTpoint.com 
 This is an example of using the $(document).ready() function. 
 This is a third paragraph element 
 Click the following button to see the effect. 
 Click me 

输出：

执行完上述代码后，输出将为-

点击给定的按钮后，输出将是-