jquery - 为什么我必须将整个代码放在 $(function(){/* code gets here */}); 中？

Question

所以我明白如果我必须放置此代码

$("#MyButton").click(function(){/* code goes here */});

在外部 .js 文件中，我必须引用脚本

<script src="MyScript.js" type="text/javascript"></script>
</body>

在关闭 body 标签之前(而不是在 head 中)，否则它将不起作用，因为 DOM 必须在 MyScript.js 之前完全加载

但包括我的整个代码

$(function(){
    $("#MyButton").click(function(){/* code goes here */});
});

尽管我现在将脚本放在 HEAD 中(而不是像之前那样在关闭 body 标记之前)，但不知怎的，它仍然可以正常工作!!

怎么会呢？

Answer 1

因为$(f)是“当dom准备好时执行函数f”的快捷方式