JQuery可能是Web开发中使用最广泛的Javascript库。请继续阅读，了解如何使用这个强大的工具。
jQuery的核心是一个DOM操作和导航库。记住DOM是我们的文档对象模型——基本上是实际呈现的网页。JQuery将许多Javascript函数从多行和复杂的代码片段简化为一个函数。它为我们提供了Javascript函数的API，也就是说任何浏览器都可以不用编译代码就能解读它。我们不需要做任何事情来启动和运行jQuery。我们像对待其他Javascript脚本或文件一样对待它。
jQuery库可以通过网站文件系统中的本地文件提供，也可以通过CDN或内容分发网络提供。使用CDN意味着不需要自己托管库，但是需要监控版本的支持。如果你不这样做，你正在使用的版本可能会被放弃或不支持，你会有一些快乐的时光！如果下载了回购协议，必须自己管理升级，但链接绝不会“消失”。在下载页面上可以看到访问jQuery的所有方法。
下载页面的时候为什么不抓取未压缩的jQuery开发版？将其保存到您的web目录中。它可以与索引文件在同一级别，也可以在资源文件中。
JQuery是许多前端框架的基石之一，包括SAPUI5。
既然我已经喋喋不休了，让我们看看它实际上是什么。
我们一直在努力打开你的网页的index.htm文件。确保您有jQuery可以下载，或者，如果您觉得这样做合适，可以使用CDN。
我们可以通过调用头文件中的脚本标签来加载库，就像几周前我们对js文件所做的那样。如果您下载了jQuery开发库并将文件保存在Web应用程序的顶层文件夹中，脚本标记应该如下所示。
如果通过CDN访问，src会是一个URL。确保保存更改。
现在，我们可以使用jQuery库了！
让我们看看jQuery为我们简化了多少事情。打开script.js文件。
将onPictureButtonClicked函数重命名为onPictureButtonClicked或类似的名称。我们希望能够重用函数名，但让我们保留旧代码以供参考。
现在创建一个新的onPictureButtonClicked函数。
functiononPictureButtonClicked { }
要访问jQuery库，我们可以使用$这是调用jQuery函数的快捷方式。在功能内，拨打电话切换图像。您如何做到这一点:
$.触发器
保存您的更改，并在浏览器中打开index.html文件。你仍然可以通过点击这个按钮来做同样的事情，但是只需要一行代码！
这是如何工作的？
使用jQuery，我们可以在getElementById中使用选择器来缩短调用时间。
我们可以使用选择器来获取标签、类或ID。在我们的例子中，我们预先规划了myImage，这是我们的图像标识，同#。#用于表示ID。我们想选择ID为myImage的任何东西。如果要选择基于CSS的类，请使用。要选择标签，请不要添加任何内容。
$$$
了解如何简化对DOM的访问？
我们总是希望我们的文本属性反映项目正在做什么，所以请在编辑器中输入index.html文件。将按钮的文字从加载图片更新为切换图片。保存您的更改。
JQuery也使得DOM遍历更加容易。让我们看看如何定位相关标签。还有相关的，我是说亲戚。
让我们给index.html文件添加一个新按钮。在h1选项卡下，创建一个新按钮。该按钮将具有Border Div的子元素的文本值。它要做的是在P标签中的所有元素周围环绕边框！这个按钮需要一个onclick回调函数。添加一个唯一的ID总是一个好主意。不记得怎么加按钮了？您可以使用下面的代码。
边界分区的子分区
保存您的更改！
现在我们需要实际实现回调函数。让我们回头看看script.js文件。
为new按钮的回调创建一个新的空函数。如果需要帮助，请复制下面的代码。
函数onUpdateDivs{}
现在，我们需要实际上与所有P的孩子接壤。当所有的孩子都是不同类型，不同班级，不同id的时候，怎么做到这一点呢？
这就是jQuery如此有用的原因！它有预构建的方法来帮助我们遍历DOM树。JQuery有一个子方法，它将检索元素的开始和结束标记之间的所有标记。我们如何得到孩子？通过从选择器调用函数。子项目，我们可以定位所选项目的所有子项目。看起来是这样的:
$.孩子们
现在我们有了P标签的所有子标签。我们如何给这些标签添加边框？JQuery也有向标签添加属性的方法，比如CSS类。因为我们的Bootstrap可以在我们的应用程序中使用，所以我们可以使用Bootstrap border类来添加边框。若要添加类，请链接。将类方法添加到子方法中。
$.children.addClass
由于border CSS类将被添加到每个元素中，它将用边框包裹P标记的所有子元素。
保存更改并在浏览器中打开index.html。您将看到一个新按钮！
单击“边框Div的子元素”按钮。P中的所有元素现在都有边框了！
JQuery有更多的方法来访问兄弟，次最近的标签，删除类，动画元素等等。我会推荐Codecademy的jQuery课程。如果你想有一个导师，或者你可以随时探索jQuery文档来了解更多。另外，如果你已经把我的博客的其他部分当成了#APIFriday系列的一部分，你已经看到了$这是因为jQuery也为我们提供了AJAX，这样更容易调用API和外部资源。
JQuery是您web开发工具带中的一个很好的资源！继续探索它提供的所有优秀功能，并准备了解更多！
