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() 来使函数在文档加载后是可用的:
当 DOM(document object model 文档对象模型)加载完毕且页面完全加载(包括图像)时发生 ready 事件。
由于该事件在文档就绪后发生,因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。如上面的实例所示。
ready() 方法规定当 ready 事件发生时执行的代码。
提示:ready() 方法不应该与 <body onload=""> 一起使用。
允许使用以下两种语法:
ready() 方法只能用于当前文档,因此无需选择器:
参数 | 描述 |
---|---|
function | 必需。规定当文档加载后要运行的函数。 |
jQuery 事件方法
jQuery length 属性jQuery 属性实例 输出 li 元素的数目:$(button).click(function(){ alert($(li).length); }); 定义和用法 le...
jQuery ajaxSend() 方法jQuery AJAX 方法实例 当 AJAX 请求即将发送时,改变 div 元素的内容:$(document).ajaxSend(function(e,...
jQuery [attribute~=value] 选择器jQuery 选择器实例 选取所有带有包含单词 nation 的 name 属性的 input 元素:$(input[name~=&...
jQuery ajax() 方法jQuery AJAX 方法实例 使用 AJAX 请求改变 div 元素的文本:$("button").click(function(){ $.ajax({url:"dem...
jQuery callbacks.fireWith() 方法jQuery 杂项方法实例访问给定的上下文window和数组参数调用列表中的所有回调 $(function () {/...