$（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() {&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; // Assign all list items on the page to be the&nbsp; color red.&nbsp;&nbsp;&nbsp; &nbsp; //&nbsp; &nbsp; &nbsp; This does not work until AFTER the entire DOM is "ready", hence the $(document).ready()&nbsp; &nbsp; $('li').css('color', 'red');&nbsp; &nbsp;});该块的伪代码为：$(document)准备好文档对象模型后.ready()，调用以下函数function() {&nbsp; }。在该函数中，检查<li>页面上的所有内容，$('li')然后使用jQuery方法.CSS（）将CSS属性“ color”设置为值“ red”.css('color', 'red');