学习 jQuery

欢迎！

本课程的目标是将您，美丽的 前端开发人员，从 jQuery 或 JavaScript 知识很少或没有的人培养成能够熟练使用和编写代码的人…

在本视频演示中，我介绍了在“真实”网站上使用 jQuery 的最基本设置。我们有一个包含基本 HTML5 结构的 index.html 文件。jQuery 作为 <script></script> 包含在内，然后我们执行…

jQuery 可以被视为“选择和执行”库。jQuery 特别擅长选择页面上的元素（DOM 中的内容），然后执行操作。选择和执行。选择和执行…

在 CSS 中，您可以使用以下方法选择页面上的所有 <h1></h1> 元素:…

我们已经讨论了不少关于选择器的内容。一个像 $(“h1”) 这样的 jQuery 选择器将选择页面上的所有 <h1></h1> 元素。但是如果它不选择怎么办？以下是一个选择器失败的示例:…

jQuery 可以选择 CSS3 可以选择的所有内容。但它不会止步于此！jQuery 通过 Sizzle 选择器引擎提供了一些额外的选择器，这些选择器在某些情况下非常有用。例如，CSS 有 属性选择器…

正如我们所讨论的，jQuery 可以被视为“选择和执行”库。我们已经讨论了不少关于选择的内容，所以现在让我们谈谈一些执行操作。请记住，这种模式基本如下所示:…

在上一视频中我们简要介绍了：如何阻止浏览器在您点击哈希链接时向下跳转？这是浏览器的默认行为，幸运的是，使用 JavaScript，我们可以告诉浏览器不要…

JavaScript 中的获取器和设置器概念只是您应该了解的事情之一。它们在 jQuery 中很好用，因为 API 非常一致，一旦您掌握了它，您几乎可以猜到...如何使用它。

另一个概念视频！这是您需要在 jQuery 中了解的“其中之一”。实际上，它在 jQuery 中有点独特，因为过去其他流行的 JavaScript 库并没有以这种方式实现…

如果您在很多年前第一次接触 jQuery，可能是它的动画功能吸引了您。这也许是 jQuery 最早的吸引人的地方之一。如今，CSS 也可以实现动画，并且具有相当不错的浏览器支持…

每个人最喜欢的：概念视频时间！回调函数是 JavaScript 中一个重要的概念。它们是当一个动作执行完成后被调用的函数。它们为我们的代码提供了结构和时间安排。

例如，我们之前在...中使用的动画。

处理事件是使用 jQuery 的另一个重要原因。在如何执行操作方面，不同的浏览器存在一些差异，而 jQuery 将这些差异统一到一个简单的 API 中，同时强制执行了一些最佳实践。

本质上，您只需要使用...一种方法。

既然我们刚刚讨论了事件，现在是提到自定义事件的好时机。到目前为止，我们讨论的所有事件都是“真实”事件，可以这么说。这些事件源于 DOM，基于真实的操作…

我们已经多次谈到 jQuery API 中的一些非常好的小细节。一切都经过精心设计和完善。链式调用绝对属于此类。一旦您开始使用它并理解它，它...会让您感到很享受。

Ajax 是使用 jQuery 的最大原因之一。jQuery 不仅解决了跨浏览器问题，还使语法非常易于使用和理解。

在本视频中，我们尝试解释…

我们在上一视频中讨论了 GET 请求，但没有足够关注 POST 请求。所以我认为我们应该在这里做一下。POST 请求与 GET 请求的主要区别在于，您几乎总是需要在请求中传递数据。这…

在“现实世界”中，您使用 Ajax 进行的最常见操作之一很可能是发送和接收 JSON 数据。这是有充分理由的。JSON 不像 HTML 那样假设任何视觉结构。它只是纯粹的…

在本系列中，我想明确一点，我们不应该排斥原生 JavaScript。 “原生”指的是“原始”或“本地”JavaScript。在浏览器中运行的 JavaScript，没有任何框架、库或其他任何东西…

数据。在 jQuery 的世界里，它指的是直接附加到元素上的信息片段（而不是，例如，一个仅针对自身的变量）。在...上保存信息片段有很多方法。

如果您从本系列中学习到任何重要的前端架构理念，就学习这一条。改变类。在本视频演示中，我们开始深入 JavaScript 的一个重要领域，然后停止，反省自己，使用…

模板是使用 JavaScript 应用程序的重要组成部分。通常情况下，您可以获取数据，但这些数据并非以可以立即显示在屏幕上的格式呈现。这通常（但并非总是）是 JSON 中的数据…

我们在上一视频中留下了一些混乱。在一个 JavaScript 代码块中，我们混合了数据检索、显示和业务逻辑以及模板化。在本视频中，我们将开始将这些…分离。

我们在上一视频中介绍了使用 Handlebars 进行模板化。但 Handlebars 不是唯一可用的模板化解决方案。在本视频中，我们将使用 Underscore 中提供的模板化功能。

为什么呢？其中一个原因是，您可能已经…

到目前为止，我们已经很好地进行了有序排列。将我们的 HTML 分解成模板是一个重要步骤。我们不再混淆这些东西。我们的 JavaScript 代码中的不同功能片段被分解…

每个人都曾在互联网上看到过很棒的 jQuery 插件，对吧？也许您只是因为发现了 jQuery 插件并尝试将其用于…而开始对学习更多有关 jQuery 和 JavaScript 的内容感兴趣。

既然我们已经了解了如何使用 jQuery 插件，那么理解如何构建它们也绝对值得。我们之前简要提到了，如果需要，可以扩展原生 jQuery 对象。就像这样:…

既然我们了解了插件开发的基础知识，我们可以更深入地挖掘。因为最终，插件是一个函数，它为我们提供了组织所需的范围。还记得我们 在…中对我们的代码进行了有序排列吗？

在本视频演示中，我们将使用普通的文本编辑器，就像我们开始时一样。在“现实世界”中，以下情况属实

1. 您希望将 JavaScript 代码分解成尽可能多的独立文件

您成功了！

非常感谢您参加本课程。我希望您已经学到了足够多的 jQuery 和 JavaScript 知识，让您对它们的信心有所提高，并且知道没什么好害怕的。

请记住，jQuery…