为什么要声明$(function(){...})？

Question

我正在寻找的应用程序加载一个外部javascript文件,如下所示:

$(function () {

    // Don't allow browser caching of forms
    $.ajaxSetup({ cache: false });

    var dialogs = {};

    var getValidationSummaryErrors = function ($form) {
        // We verify if we created it beforehand
        ...
        ...
        }
        return errorSummary;
    };

我知道该文件设置了一些变量,并且还声明了一个名为getValidationSummaryErrors的函数.

我不明白的是为什么这一切都在内

$(function () {  ... }

这是为了什么目的？我可以不在没有"$(function(){}"的情况下在平面文件中声明变量和内容吗？

Answer 1

$(function() { ... });它只是简称$(document).ready(function() { ... });,它确保在DOM准备好之前不执行代码,否则一些影响DOM的代码可能无法正常工作.

见http://api.jquery.com/ready/