jQuery是一个快速、简洁的JavaScript框架，一个优秀的JavaScript代码库，或者说框架。
jQuery的设计宗旨是“write Less, do more”，倡导写更少的代码，做更多的事情。它封装JavaScript的常用功能代码，提供一种便捷的JavaScript设计模式，优化HTML文档操作，事件处理，动画设计和Ajax交互。
jQuery现在已经发布到第三个大版本，一般用第一个版本，因为兼容性最好。
语法：$（“选择器”），按照CSS选择器进行选择即可
返回值：jQuery文档对象，要注意的是jQuery对象跟原生的dom对象不是一个东西，这里面有jQuery封装好的方法。
语法：$（“选择器”）。css（“样式属性”，“样式的值”）
一次设置多个样式：$（“选择器”）。css（属性key：属性value，属性key：属性value）
注意：如果属性key由多个单词并联，那么必须用驼峰命名法，或者加引号来解决。
比如像上图fonSize写法。
语法：
$（“选择器”）。html（）---->获取文档的html内容
$（“选择器”）。text（）---->获取文档的text内容
$（“选择器”）。val（）---->获取输入框的value内容
$（“选择器”）。html（“html内容”）---->设置文档的html内容
$（“选择器”）。text（“文本内容”）---->设置文档的text内容
$（“选择器”）。val（“value”）---->设置输入框的value内容
语法：
$（“选择器”）。append（“<h1>HelloWorld</h1>”）--->将参数里面的html内容追加到选择器对象的最后一个子元素上。
$（“类选择器1”）。appendTo（“类选择器2”）--->将选择器1对象插入到参数 选择器2对象上。
$（".child"）。insertBefore（"ul"） ---->在什么前面插入内容
$（'.child'）。insertAfter（"ul"） ---->//在什么后面插入内容
语法：
$（".parentt"）。slideToggle（5000） --->//滑动切换
$（".parentt"）。fadeToggle（5000） --->//淡入淡出切换
$（".parentt"）。fadeIn（5000,"linear",function（）{console.log（"动画完成"）}） --->淡入进来
$（".parentt"）。fadeOut（5000） --->淡入出去
$（'.parentt'）。animate（{width:"900px"},5000,"linear",function（）{console.log（"动画已完成"）}）
PS：5000ms，但是不建议用上面直接使用jQuery的动画方法，因为方法里面还使用了间隔函数，耗费性能比较高，用户打开网页不能有很好的体验。
推荐：添加类名的方式完成动画，性能耗费低，动画效果相对来说更加流畅，用户体验好。
$（'.parentt'）。addClass（"animate"）
语法：
$（“选择器”）。click（function（e）{点击事件之后要执行的内容}）
$（“选择器”）。on（“事件的名称”，function（e）{事件要执行的内容}）
文档加载完毕即执行事件，仅文档加载完毕，不用等待图片加载，可以将js代码放置到前后都行。
$（document）。ready（function（）{ }） 也可以缩写成：$（function（）{ }）
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery