$(function() {});做什么?

有时我创建一个函数，然后再调用它。

例子:

function example { alert('example'); }
example(); // <-- Then call it later

不知何故，有些函数不能被调用。我必须在里面调用这些函数:

$(function() { });

$(function() {});和(function() { });是什么意思，它们的区别/目的是什么?

227037 次浏览
小开

它只是$(document).ready()的缩写，如:

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

有时您必须使用它，因为您的函数在DOM完成加载之前正在运行。

这里解释了所有内容:http://docs.jquery.com/Tutorials: Introducing_ $(文档)时()

小开
最佳答案 
$(function() { ... });

只是jQuery的简写

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

它的设计目的是确保一旦页面的所有DOM元素准备就绪，函数就会被调用。

然而，我不认为这是你的问题-你能澄清一下你的意思是“不知怎的，一些函数不能被调用，我必须调用里面的那些函数”吗? 也许可以发布一些代码来显示什么没有像预期的那样工作

编辑:重新阅读你的问题，这可能是你的函数在页面加载完成之前运行，因此不会正确执行;将它放在$(function)中确实可以解决这个问题!

小开

这是$(document).ready()的快捷方式，在浏览器完成加载页面时执行(这里的意思是“当DOM可用时”)。看到http://www.learningjquery.com/2006/09/introducing-document-ready。如果您试图在浏览器完成加载页面之前调用example()，它可能无法工作。

小开

下面是一个jQuery函数调用:

$(...);

这是“jQuery函数”。$是一个函数，而$(...)是你调用的那个函数。

您提供的第一个参数如下:

function() {}

参数是您指定的函数，$函数将在DOM加载完成时调用所提供的方法。

小开

我想你可能把Javascript和jQuery方法搞混了。纯Javascript是这样的:

function example() {
}

这种性质的函数可以在任何时间、任何地点调用。

jQuery(一个基于Javascript的库)内置了一些函数，这些函数通常需要在调用DOM之前完全呈现。完成时的语法是:

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

因此，前缀为$或jQuery的jQuery函数通常从该方法中调用。

$(document).ready(function() {
// Assign all list items on the page to be the  color red.
//      This does not work until AFTER the entire DOM is "ready", hence the $(document).ready()
$('li').css('color', 'red');
});

该块的伪代码是:

当文档对象模型$(document)准备好.ready()时，调用以下函数function() { }。在该函数中，检查页面$('li')上的所有<li>，并使用jQuery方法.CSS()将CSS属性“color”设置为值“red”.css('color', 'red');

小开

一些理论

$是一个函数的名称，就像你给函数的任何其他名称一样。任何人都可以在JavaScript中创建一个函数，并将其命名为$，如下所示:

$ = function() {
alert('I am in the $ function');
}

JQuery是一个非常著名的JavaScript库，他们决定把整个框架放在一个名为jQuery的函数中。为了让人们更容易使用框架，并减少每次想要调用函数时键入整个单词jQuery，他们还为它创建了一个别名。这个别名是$。因此$是一个函数的名字。在jQuery源代码中，你可以自己看到:

window.jQuery = window.$ = jQuery;

回答你的问题

那么什么是$(function() {});?

现在你知道$是函数的名称，如果你使用jQuery库，那么你调用名为$的函数，并将参数function() {}传递给它。jQuery库将在适当的时候调用该函数。什么时候合适呢?根据jQuery文档，适当的时间是页面的所有DOM元素都准备好可以使用之后。

另一种实现方法是这样的:

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

正如你所看到的，这个更啰嗦，所以人们更喜欢$(function() { })

一些函数不能被调用的原因，正如你所注意到的，是因为这些函数还不存在。换句话说，DOM还没有加载。但如果你把它们放在你传递给$的函数中作为参数，DOM那时就加载了。这样，函数就创建好了，可以使用了。

另一种解释$(function() { })的方式如下:

嘿$或jQuery，你能调用这个函数我传递作为参数一旦DOM加载?


提交答案