$（function() { }）就是 jQuery 的入口函数，也称为文档就绪函数。它的作用是在文档加载完成后执行一些操作，如绑定事件、修改样式等。
如何使用$(function() { })；？
只需要将需要执行的代码放到 $（function() { }）中即可：
$(function() {
// 执行你的代码
});为什么要使用$(function() { })；？
因为在 HTML 中，当浏览器遇到一个 <script>标签时，它会停止解析 HTML 并开始下载和执行脚本，这可能导致页面内容的延迟加载。而使用 $（function() { }）保证了代码的执行是在文档准备好之后，可以有效地避免这种情况。</p> <p>另外，当我们需要使用 DOM 元素时，必须等待文档完全加载才能获取到正确的元素，否则会出现错误或者无法正常工作的情况。$（function() { }）就是为解决这个问题而设计的。</p> <h2>$(document).ready() 与 $（function() { }）的区别</h2> <p>$（function() { }）是 $(document).ready() 的简写形式，两者实际上是等价的。不同的是，$（function() { }）更加简洁易懂，在实际开发中也更加常用。</p> <h2>示例代码</h2> <pre class="prettyprint html">-- -------------------- ---- ------- --------- ----- ------ ------ ------------------- ------- ---------------------------------------------------------------------------- -------- ------------ - -- ------------ ---------------------------- - ---------------- --- --- --------- ------- ------ ------------------------- ------------------- ------- -------</pre><p>以上代码会在页面加载完成后，将文本“这是要显示和隐藏的内容。”的可见性绑定到按钮上。当点击按钮时，该段落的可见性将切换。</p> <blockquote> <p>来源：<a href="https://www.javascriptcn.com/post/10624">JavaScript中文网</a> ，转载请注明来源 <a href="https://www.javascriptcn.com/post/10624">https://www.javascriptcn.com/post/10624</a></p> </blockquote>