2011-02-09 44 views
2

我现在正在学习一些AJAX,并且用于提交表单的jQuery函数被封装在$(function(){})中。这到底是什么?

$(function() { 
    $('.error').hide(); 
    $(".button").click(function() { 
     // validate and process form here 
    } 
}); 

回答

3

这是对jQuery的准备页面上运行的代码提供了一个快捷方式。它相当于:

$(document).ready(function() { 
    ... 
}); 

当页面准备好被操作时,jQuery将调用这个函数。

Docs

5

$(function() { });是短手$(document).ready(function() { });

See documentation.

+1

还要补充,它可以确保你的代码不会启动DOM被加载,可能导致一些意外的行为之前执行。 – Loktar 2011-02-09 14:56:21

1

这是同样的事情$(document).ready()。这只是执行而不是使用就绪功能的快捷方式。

1

$(function() { })等待库门,以做enything到库门之前加载。同$(document).ready(function() { });

1

正如其他人所指出的,它是jQuery(document).ready(fn)一条捷径,这是document.addEventListener('DOMContentLoaded', fn, useCapture)

https://developer.mozilla.org/en/Gecko-Specific_DOM_Events

一个跨浏览器实现的解析时,在页面的文档对象被解雇文件完成。在此事件触发时,页面的DOM已准备就绪,但引用的样式表,图像和子帧可能无法加载;使用“加载”事件来检测完全加载的页面。

相关问题