jQuery 教程

本 jQuery 教程由经验丰富的，在项目中广泛使用 JavaScript 和 jQuery 的前端程序员编写。本教程旨在帮助 jQuery 初学者理解从 jQuery 框架基础到高级的知识。完成本教程后，您将掌握 jQuery 框架的精湛技能，并能够进一步提升您的水平。

什么是 jQuery？

jQuery 是一个轻量级、快速且简洁的 JavaScript 库。该库由 John Resig 于 2006 年创建，

jQuery 的设计目标是简化 HTML DOM 树的遍历和操作，以及事件处理、CSS 动画和 Ajax。

jQuery 可用于在 HTML 文档中查找具有特定 ID、类或属性的 HTML 元素，之后我们可以使用 jQuery 来更改相同元素的一个或多个属性，例如颜色、可见性等。jQuery 还可以通过响应鼠标点击等事件来使网页具有交互性。

jQuery 是免费的开源软件，采用宽松的 MIT 许可证。截至 2021 年 4 月，jQuery 被排名前 1000 万个最受欢迎网站中的 77.8% 使用。

jQuery 的开发遵循以下原则：

JavaScript 和 HTML 的分离，鼓励开发者将 JavaScript 代码与 HTML 标记完全分离。
简洁性和清晰性，促进了链式函数和简写函数名的使用。
消除跨浏览器兼容性问题，因此开发者在使用 jQuery 库编写代码时无需担心浏览器兼容性问题。
可扩展性，这意味着可以轻松地向 jQuery 库中添加新的事件、元素和方法，然后作为插件重复使用。

jQuery 在线编辑器

我们提供了一个jQuery 在线编辑器，它可以帮助您直接在浏览器中编辑和执行代码。尝试点击图标来运行以下 jQuery 代码，打印传统的“Hello, World!”。

下面的代码框允许您更改代码的值。尝试更改Hello, World!的值，然后再次运行它以验证结果。

<html>
   <head>
      <title>The jQuery Example</title>
      <script src = "https://tutorialspoint.com/jquery/jquery-3.6.0.js">
      </script>
		
      <script type = "text/javascript">
         $(document).ready(function() {
            $("h1").html("Hello, World!");
         });
      </script>
   </head>
	
   <body>
      <h1>Hello</h1>
   </body>
</html>

浏览器支持

截至 2022 年 4 月，jQuery 3.0 及更高版本支持 Firefox、Chrome、Safari 和 Edge 的“当前-1 版本”，以及 Internet Explorer 9 及更高版本。在移动设备上，它支持 iOS 7 及更高版本，以及 Android 4.0 及更高版本。

jQuery 和 JavaScript 职位

jQuery 和 JavaScript 都有非常高的需求，所有主要的 Web 应用程序都以某种方式使用 jQuery。我们在编写本教程之前探索了许多主要的求职网站，发现全球许多跨国公司都有大量的空缺职位。

JavaScript 和 jQuery 开发人员的平均年薪约为 150,000 美元。不过，这可能会因地区而异。以下是使用 Kotlin 的一些优秀公司：

Google
Amazon
Netflix
Zomato
Uber
Trello
Coursera
Basecamp
Unacademy
Byjus
还有更多……

因此，您可能是这些大公司中的下一个潜在员工。我们已经开发了优秀的 jQuery 学习资料，将帮助您为基于 jQuery 的技术面试和认证考试做好准备。因此，随时随地使用我们简单有效的教程开始学习 jQuery，完全按照您自己的节奏。

开始之前

在继续学习本教程之前，您应该具备 HTML、CSS、JavaScript、文档对象模型 (DOM) 的基本知识，以及任何文本编辑器的使用经验。由于我们将使用 jQuery 开发基于 Web 的应用程序，如果您了解互联网和基于 Web 的应用程序的工作原理，将会更好。

打印页面