jQuery 教程

本 jQuery 教程由经验丰富的前端程序员编写 , 他们在项目中广泛使用 Javascript 和 jQuery.本教程是为 jQuery 初学者开发的 , 以帮助他们了解 jQuery 框架高级的基础知识.完成本教程后 , 您将发现自己在 jQuery Framework 方面的专业知识水平很高 , 从那里您可以将自己提升到一个新的水平

jQuery 是什么

jQuery 是一个轻量级的 Javascript 库 , 它非常快速和简洁。这个库是由 John Resig 在 2006 年创建的

jQuery 旨在简化 HTML DOM 树遍历和操作 , 以及事件处理、 CSS 动画和 Ajax 。

jQuery 可用于在 HTML 文档中找到具有特定 ID , 类或属性的特定 HTML 元素 , 稍后我们可以使用 jQuery 来更改同一元素的一个或多个属性 , 如颜色 , 可见性等。

jQuery 是免费的开源软件 , 受 MIT 许可。截至 2021 年 4 月 , 前 1000 万最受欢迎的网站中有 77.8 % 使用 jQuery 。

jQuery 的开发遵循以下原则 :

  • JavaScript 和 HTML 的分离 , 这鼓励开发人员将 JavaScript 代码与 HTML 标记完全分离。

  • 简洁和清晰 促进功能 , 如 可链接 函数和速记函数名称。

  • 消除跨浏览器不兼容 , 因此开发人员在使用 jQuery 库编写代码时无需担心浏览器兼容性。

  • 可扩展性 , 这意味着新的事件、元素和方法可以很容易地添加到 jQuery 库中 , 然后作为插件重用。

jQuery 在线编辑器

我们提供了 jQuery 在线编辑器 这有助于你 编辑 and 执行 直接从浏览器中获取代码。尝试单击图标 Execute
Program 运行以下 jQuery 代码来打印常规的 “Hello, World! ” 。

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

<html>
   <head>
      <title>The jQuery Example</title>
      <script src = "https://www.yazui.net.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

  • 亚马逊

  • Netflix

  • Uber

  • Trello

  • Coursera

  • Basecamp

  • Unacademy

  • Byjus

  • 更多 …

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

开始之前

在继续本教程之前 , 您应该对 HTML , CSS , JavaScript , 文档对象模型 ( DOM ) 和任何文本编辑器有一个基本的了解。由于我们将使用 jQuery 开发基于 Web 的应用程序 , 如果您了解 Internet 和基于 Web 的应用程序的工作原理 , 那将是很好的。