$（function（）{}）是什么？做？

Question

有时我会创建一个函数，稍后再调用该函数。例：function example { alert('example'); }example(); // <-- Then call it later不知何故，某些函数无法调用。我必须在内部调用这些函数：$(function() { });做什么$(function() {});和(function() { });意味着，什么是这些区别/目的是什么？

Answer 1

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

只是jQuery的简写

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

它的设计目的（除其他事项外）是确保一旦页面的所有DOM元素准备就绪即可使用您的函数。

但是，我不认为这是您遇到的问题-您能否阐明“以某种方式无法调用某些函数，而我必须在内部调用这些函数”的含义？也许发布一些代码来显示什么无法正常工作？

编辑：重新阅读您的问题，可能是您的函数在页面加载完成之前正在运行，因此无法正确执行；将其放入$（function）确实可以解决该问题！

Answer 2

以下是jQuery函数调用：

$(...);

这就是“ jQuery函数”。$是一个函数，$(...)您是否正在调用该函数。

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

function() {}

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

Answer 3

我认为您可能将Javascript与jQuery方法混淆了。香草或纯Javascript类似于：

function example() {

}

可以随时随地调用具有这种性质的功能。

jQuery（基于Javascript构建的库）具有内置的函数，这些函数通常需要在调用DOM之前完全呈现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');