举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > jqueryready方法 jQuery ready() 方法

jqueryready方法 jQuery ready() 方法

2023-03-13 07:31 jQuery教程

jqueryready方法 jQuery ready() 方法

jqueryready方法

jQuery的ready方法是jQuery中最常用的方法之一,它可以在DOM加载完毕后立即执行函数。它可以确保在DOM加载完毕后,才会执行相关的代码,而不是在DOM加载过程中就开始执行。

$(document).ready(function(){
    // 在此处写你要执行的代码
});

ready方法有两个重要的作用:首先,它可以保证在DOM加载完毕后再执行相关代码;其次,它可以避免因为DOM加载过慢而导致的错误。

$(function(){  // 简写形式  $(document).ready(function(){}) 也可以写成 $(function(){}) 
    // 在此处写你要执行的代码 
}); 

使用ready方法时,必须将准备好的函数作为参数传递给ready方法。当DOM加载完毕后,jQuery会立即执行该函数。如果不使用ready方法,则会对DOM进行多次尝试(尝试去访问DOM中的元素);如果使用了ready方法则不会有这样的问题。

jQuery ready() 方法

jQuery ready() 方法

jQuery 事件方法 jQuery 事件方法

实例

使用 ready() 来使函数在文档加载后是可用的:

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


定义和用法

当 DOM(document object model 文档对象模型)加载完毕且页面完全加载(包括图像)时发生 ready 事件。

由于该事件在文档就绪后发生,因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。如上面的实例所示。

ready() 方法规定当 ready 事件发生时执行的代码。

提示:ready() 方法不应该与 <body onload=""> 一起使用。


语法

允许使用以下两种语法:

$(document).ready(function)

ready() 方法只能用于当前文档,因此无需选择器:

$(function)

参数 描述
function 必需。规定当文档加载后要运行的函数。


jQuery 事件方法 jQuery 事件方法

阅读全文
以上是鳄鱼CMS为你收集整理的jqueryready方法 jQuery ready() 方法全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 鳄鱼CMS eyucms.com 版权所有 联系我们