| 是什么 |
定义：
jQuery是一个快速、简洁的JavaScript框架（或JavaScript库）。
它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式.
优化HTML文档操作、事件处理、动画设计和Ajax交互。
核心：
是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。
我的理解：
代码：由多变少，功能：由少变多
| 同类技术 |
JavaScript框架又称JavaScript库，是一组包含丰富功能和函数的JavaScript代码集，能帮助开发者快速完成Web设计和开发工作。目前流行的框架有：Angular，React，Vue.js和Knockout等。它们各自有各自的特点，如何挑选呢？
了解更多，请点开以下链接
如何挑选合适你的JavaScript框架
| 特点 |
- 快：
快速获取文档元素
- 漂亮：
漂亮的页面动态效果
- 功能强：
创建AJAX无刷新网页
提供JavaScript语言的增强
增强的事件处理
更改页面内容
| 实例 |
<html>
<head>
<script type="text/javascrpt" src="/jquery/jquery.js">
</script>
<script type="text/javascrpt">
$(document).ready(function(){
$("button").click(function){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</html>运行结果，如下图
解释：
- jQuery库位于一个JavaScript文件中，其中包含了所有的jQuery函数。 通过下面的标记把jQuery添加到网页中:
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>基础语法是：$(selector).action()
美元符号：定义jQuery
选择符（selector）”查询”和”查找”HTML元素
jQuery的action() 执行对元素的操作
文档就绪函数：
$(document).ready(function(){
})；作用：为防止文档在完全加载（就绪）之前运行jQuery代码,如果在文档没有完全加载之前就运行函数，操作可能失败。 比如： 试图隐藏一个不存在的元素 获得未完全加载的图像的大小
点击事件：
当按钮的点击事件 被触发时会调用一个函数：
$("button").click(function() {..some code...})e() - hide()函数：
隐藏了 HTML 文档中所有的 p元素
$("p").hide();| 小结 |
jQuery的设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。有思想的代码不仅值得我们去敲， 更值得我们去学习，去思考。