jQuery是一个广泛使用的JavaScript库，用于简化客户端脚本编写。本文将探讨如何正确地初始化jQuery库。
jQuery初始化
在使用jQuery之前，必须将其添加到网页中。可以通过以下两种方法之一来实现。
方法1: 从CDN加载
CDN（内容分发网络）提供了一种快速而可靠的方法来加载外部库。通过从CDN加载jQuery，可以确保每个用户都可以访问相同的文件版本，并且不需要托管它们自己的服务器上。
<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>
方法2: 下载并在本地托管
如果您希望在本地托管jQuery库，可以从jquery.com下载最新版本的jQuery，并将其保存到您的服务器上。然后，可以使用以下标记将其包含在页面中。
<script src="path/to/jquery.min.js"></script>
初始化jQuery
在jQuery加载到网页后，需要将其初始化。这通常涉及创建一个全局变量来引用jQuery对象，并等待网页完全加载后再执行任何jQuery代码。
$(document).ready(function() {
// jQuery代码
});上述代码使用jQuery的ready()方法，该方法会在文档加载完成后运行。在ready()方法内，可以编写所需的jQuery代码。
简洁语法
虽然上述方法是最常见的初始化方式，但还有一种更简洁的语法可以使用。
$(function() {
// jQuery代码
});这种语法利用了JavaScript中的函数表达式，可以将其传递给全局jQuery对象并在文档准备就绪时运行。
结论
无论您是从CDN加载jQuery还是在本地托管它，都需要正确初始化它。使用ready()或简单的函数表达式来确保网页完全加载后再运行任何jQuery代码。
希望本文对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27333