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 执行 直接从浏览器中获取代码。尝试单击图标 运行以下 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 的应用程序的工作原理 , 那将是很好的。