jQuery是一个快速，小巧，功能丰富的JavaScript库。
jQuery是使HTML文档遍历和操作，事件处理和动画等操作变得更加简单。
jQuery的所有功能都是通过JavaScript访问的，因此掌握javas对于理解，构建和调试代码至关重要。

1.什么是jQuery

首先，让我们看一下使用JavaScript操作的HTML示例。
要获取id="start’的元素并将HTML更改为“开始吧，年轻人”，我们需要执行以下操作：

<html>
<head>
<meta charset="utf-8">
</head>

<body>
<p id="start"></p>
<script>
    var el = document.getElementById("start");
    el.innerHTML = "出发吧,骚年!";
</script>

</body>
</html>

而用jQuery操作则只需要一行。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script>
</head>
<body>
<p id="start"></p>
<script>
    $("#start").html("出发吧,骚年!");
</script>
</body>
</html>

正如你所看到的，jQuery让代码更短，更容易理解。

2.jQuery是JavaScript的一个函数库

你可以从www.jquery.com下载jQuery库的副本，或者从CDN（内容分发网络）（如BootCDN或百度CDN）中引入。
我们将使用BootCDN上的CDN。

要开始使用jQuery，我们首先需要使用 script 标签将其添加到我们的HTML文档的头部：

<!DOCTYPE html>
<html>
    <head>
        <title>页面标题</title>
        <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.js"></script>
    </head>
    <body>
    </body>
</html>

jQuery是一个JavaScript库，所以它具有.js文件扩展名。
在使用HTML文档之前等待HTML文档完全加载并准备就绪是一种很好的做法。为此，我们使用 document(文档) 对象的 ready 事件：
￥(document).ready(function(){
//在这写jquer代码
});
$用于访问jquery。从这里开始，代码访问document对象，并定义了当 document 的 ready 事件触发时要调用的函数。这样可以防止任何jQuery代码在文档加载完成之前运行。我们有一个方便的快捷方式, 等价于上面的代码：
$(function(){
//在写jQuery代码
});

以下代码, 在页面文档准备就绪后将 id =“start” 的元素的HTML更改为"出发吧,骚年!"。
示例：

<html>
<head>
<title>页面标题</title>
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
</head>
<body>
<div id="start">开始</div>
<script>
$(function(){
$("#start").html("出发吧，年轻人！")；
});
</script>
</body>
</html>