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 月，前 1000 万个最受欢迎的网站中有 77.8% 使用 jQuery。

jQuery 的开发遵循以下原则：

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

jQuery 在线编辑器

我们提供了jQuery 在线编辑器，可帮助您直接从浏览器编辑和执行代码。尝试单击该图标运行以下 jQuery 代码来打印常规的“Hello, World!”。

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

<html>
   <head>
      <title>The jQuery Example</title>
      <script src = "https://www.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 的“current-1 版本”以及 Internet Explorer 9 及更高版本。在移动设备上，它支持 iOS 7 及更高版本以及 Android 4.0 及更高版本。

jQuery 和 Javascript 工作

jQuery 和 Javascript 的需求量都非常大，所有主要的 Web 应用程序都以一种或另一种方式使用 jQuery。在编写本教程之前，我们浏览了许多主要的招聘网站，发现世界各地的跨国公司有大量空缺职位。

Javascript 和 jQuery 开发人员的平均年薪约为 150,000 美元。尽管它可能因位置而异。以下是使用 Kotlin 的优秀公司：

谷歌
亚马逊
Netflix
佐马托
优步
特雷洛
Coursera
大本营
大学学院
比尤斯
还有很多...

因此，您可能成为这些大公司中任何一家的下一个潜在员工。我们开发了一份很棒的 jQuery 学习材料，它将帮助您准备基于 jQuery 的技术面试和认证考试。因此，完全按照您的节奏，随时随地使用我们简单有效的教程开始学习 jQuery。

在你开始之前

在继续学习本教程之前，您应该对 HTML、CSS、JavaScript、文档对象模型 (DOM) 和任何文本编辑器有基本的了解。由于我们将使用 jQuery 开发基于 Web 的应用程序，因此如果您了解互联网和基于 Web 的应用程序的工作原理，那就太好了。