jQuery中$(function ())的作用 jQuery简写：$（函数）简介全网首发(图文详解1)

jQuery 是一套跨浏览器的JavaScript库，用于简化HTML与JavaScript之间的操作。在 jQuery 中，$(function()) 是 $(document).ready(function()) 的简写形式。其基本用途是，当文档完全加载完成后，将运行被定义在其中的函数。

我们来具体看看如何使用这个特性。

首先我们需要在页面中引入 jQuery 库，可以从官网下载后本地引入，也可以使用 CDN 网络链接。
如使用 Google 的 CDN：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

这个标签通常被放在 <head></head> 标签之间，或者在 </body> 标签之前，以便在其他JavaScript脚本之前加载。

然后我们使用 $(function()) 函数。比如我们想让页面加载完毕后自动弹出一个 “页面加载完毕” 的警告框，我们可以这样写：

<script>
$(function(){
    alert('页面加载完毕');
});
</script>

在这里 “$” 是 jQuery 的语法，表示 “使用 jQuery”，”function()” 包裹的部分是当页面 DOM 树构建完成后执行的函数，也就是当浏览器已经完全加载了整个页面的HTML后，就会执行这里的代码。

如果我们想操作某个HTML元素，比如在页面加载完毕后改变一个段落的文字，我们可以这样写：

<p id="myPara">这是一个段落。</p>

<script>
$(function(){
    $('#myPara').text('这是一个新的段落。'); 
});
</script>

在这里 “$(document).ready()” 函数保证了即使在元素还未完全加载之前就运行此段 jQuery 代码也不会出错，它会确保所有 HTML 元素都已完成加载后才执行里面的函数。这是一个很好的习惯，因为这样可以保证在我们操作HTML元素时那些元素一定已经存在了。