jQuery-简介
时间：2020-02-23 14:46:10 来源:igfitidea点击:
在本教程中，我们将学习jQuery JavaScript库。
什么是jQuery？
jQuery是一个JavaScript库，可以轻松编写JavaScript代码。
jQuery标语是"少写，多做"。
注意！ jQuery不是一种新语言，而是JavaScript。
为什么要使用jQuery？
我们可以使用JavaScript来完成工作，但是jQuery使任务变得更容易。
jQuery将常用的JavaScript代码组合为易于使用的方法。
例如，使用jQuery操作页面中的DOM，访问和修改元素相对容易。
在下面的示例中，我们使用纯JavaScript使用ID值" sample-elem"在页面中选择HTML元素。
document.getElementById("sample-elem");
在下面的示例中，我们使用jQuery选择相同的元素。
$("#sample-elem");
我们可以很容易地说出，用id选择元素的jQuery代码比普通的JavaScript更短，更简单。
类似地，使用JavaScript XMLHttpRequest API从服务器发送和获取数据有点复杂，但是jQuery提供了$.ajax()方法，减少了很多编码部分。
使用jQuery编写的代码在大多数现代浏览器中的运行方式完全相同，因为jQuery处理了大多数跨浏览器问题。
下载jQuery
您可以从他们的下载jQuery。
包含在您的项目中
假设我们具有以下项目结构。
在上图中，我们可以看到我们有一个项目文件夹jquery-project。
在项目文件夹中，我们有一个js文件夹，其中包含jquery.min.js文件。
我们将JavaScript文件保存在此文件夹中。
在项目文件夹中，我们还有一个index.html文件。
为了将jQuery文件包含在index.html文件中，我们使用了script标签。
<script type="text/javascript" src="js/jquery.min.js"></script>
index.html文件包含以下代码。
<!DOCTYPE html> <html> <head> <title>Index Page</title> </head> <body> <!- more HTML will go here... --> <!-- script --> <script type="text/javascript" src="js/jquery.min.js"></script> </body> </html>
