$（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 login html">// www.javascriptcn.com code example <!DOCTYPE html> <html> <head> <title>示例页面</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> $(function() { // 在文档准备好之后执行操作 $('button').click(function() { $('p').toggle(); }); }); </script> </head> <body> <button>切换段落的可见性</button> <p>这是要显示和隐藏的内容。</p> </body> </html></pre><p>以上代码会在页面加载完成后，将文本“这是要显示和隐藏的内容。”的可见性绑定到按钮上。当点击按钮时，该段落的可见性将切换。</p> <blockquote> <p>Source: <a href="https://funteas.com/post/10624">FunTeaLearn</a>,Please indicate the source for reprints <a href="https://funteas.com/post/10624">https://funteas.com/post/10624</a></p> </blockquote>