javascript - 什么 $(function () {...}); 在 Jquery 中呢？

Question

在代码示例中看到了这种语法：

<script>
  $(function () {
    function fun1(event) {
      ...
    }

    function fun2(event) {
      ...
    }
  });
</script>

问题是$(function () {...})包装器在这里做什么？这个语法有什么不同

<script>
  function fun1(event) {
    ...
  }

  function fun2(event) {
    ...
  }
</script>

谢谢

score 1 · Accepted Answer

$(function() {

});

相当于调用：

$(document).ready(function() {
  // Handler for .ready() called.
});

这意味着一旦 DOM 准备好，函数的主体将被执行。

score 1 · Accepted Answer

$(function(){})是的简写$(document).ready(function(){})。在运行传递的函数之前，它会等到 DOM 准备好。

score 1 · Accepted Answer

$是一个标识符，这里是jQuery函数。

因此，您使用一个参数调用该函数，该参数本身又是一个函数（回调）。

查看jQuery 的文档时，您会看到 jQuery 在加载 DOM 结构后运行回调。

score 1 · Accepted Answer

看看这里的文档一般来说，它在 DOM 加载时声明这些函数。所以只有声明时间不同。所以这个构造应该用于定义函数执行，而不是声明。

4 回答 4