Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

jQuery 入门


将 jQuery 添加到您的网页

有多种方法可以在您的网站上开始使用 jQuery。您可以

  • 从 jQuery.com 下载 jQuery 库
  • 从 CDN(例如 Google)包含 jQuery

下载 jQuery

有两个版本的 jQuery 可供下载

  • 生产版本 - 适用于您的网站上线后,因为它已进行过压缩和精简
  • 开发版本 - 适用于测试和开发(未压缩且代码可读性强)

这两个版本都可以在 jQuery.com 下载。

jQuery 库是一个单独的 JavaScript 文件,您可以使用 HTML <script> 标签引用它(请注意,<script> 标签应该位于 <head> 部分内)

<head>
<script src="jquery-3.7.1.min.js"></script>
</head>

提示:将下载的文件放在与您希望使用它的页面相同的目录中。


jQuery CDN

如果您不想自己下载和托管 jQuery,您可以从 CDN(内容分发网络)包含它。

Google 是托管 jQuery 的一个例子

Google CDN

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
</head>
自己试试 »

使用 Google 托管的 jQuery 的一个主要优势

许多用户在访问其他网站时已经从 Google 下载了 jQuery。因此,当他们访问您的网站时,它将从缓存中加载,从而导致加载时间更快。此外,大多数 CDN 会确保一旦用户向其请求文件,就会从最靠近他们的服务器提供服务,这也会导致加载时间更快。


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.