jQuery函数，误会。 需要说明

Question

我看过很多教程，在演示中，我看到这样的内容：

// my dummy example
$(function() {
    $('a.change').bind('click',function(event){
        $('body').css('background','#27272')
    });
});

我不知道$(function() {在做什么，为什么它不工作？我如何做才能使其正常工作而不破坏其他代码？

Answer 1

$(function() {})是$(document).ready(handler)的简码，可在此处找到更多信息

您发布的代码不应破坏任何内容。 也许您可以提供一个我们可以研究它的jsfiddle。

Answer 2

$(function() {是$(document).ready(function() { ... });的快捷方式。后一版本更具可读性，这意味着放在大括号之间的代码将是当document对象触发它的ready事件时执行。

唯一会破坏任何结果的真正原因是，如果您将此代码放在页面中而没有首先包含jquery.js ，或者您将其放在错误的位置。

Answer 3

它在官方文档中记录在这里： http : //api.jquery.com/jQuery/#jQuery3

jQuery（callback）在DOM准备好时执行的函数。

因此，基本上，一旦加载DOM并准备好将其弄乱，就将调用回调函数。 如果您不使用它，则节点可能不可用，尤其是在HTML树顶部的脚本中。

Answer 4

好的，我认为您对匿名函数感到困惑。 匿名函数-就像其他函数一样，只是没有名称。 通常将其创建为另一个函数的参数：

$('body').fadeIn('1000',function() {
    alert('yay!');
});

它仅供一次性使用（因此不使用功能名称）。

我怀疑它对您不起作用，因为它没有作为有效参数传递。 $ ，我怀疑是jQuery对象，通常需要另一个jQuery对象或字符串作为参数，而不是匿名函数（除非它返回有意义的东西）。 但是， bind的参数创建成功。

现在，您可能想要做的是创建一个自调用匿名函数。 在这种情况下，语法也可能是：

(function($) {
    $('a.change').bind('click',function(event){
        $('body').css('background','#27272')
    });
})(jQuery);

这将创建一个匿名函数，然后执行该函数（括号的末尾带有一个参数）。

[编辑]

哦，很抱歉提供了一个误导性的信息，让我澄清一下：您使用的语法也有效，因为jQuery对象将在加载DOM后执行其中包含的功能（回调）。 因此，它实际上是有效的语法。