概述
JQuery是一个JavaScript框架，可以简化js的开发。
JQuery用js原生的代码封装了JavaScript常用的功能代码，优化了HTML文档操作、事件处理、动画设计。
引入方法
BootCDN网站下载jquary
jQuary API中文文档网站http://jquery.cuishifeng.cn/
https://www.jquery123.com/
一般在body最后面引入
<script src="./js/jquery.min.js"></script>
jquary取到的节点和document.getElementById();有本质上的区别 jquary取到的节点可以用jquary的方法不能<br>用原生的方法 原生的节点可以用原生的方法不能用jquary的方法
常用的方法
基本选择器
.class<br>
class="什么" 的所有元素<br>
element<br>
$("p")<br>
所有 <p> 元素<br>
el1,el2,el3<br>
$("h1,div,p")<br>
所有 <h1>、<div> 和 <p> 元素<br>
基本效果
show()：显示隐藏的匹配元素。
hide()：隐藏显示的元素。
toggle()：用于绑定两个或多个事件处理器函数，绑定点击事件可以切换效果。
slideDown()：通过高度变化（向下增大）来动态地显示所有匹配的元素，在显示完成后可选地触发一个回调函<br>数。
slideup()：通过高度变化（向上减小）来动态地隐藏所有匹配的元素，在隐藏完成后可选地触发一个回调函数。<br>里面都可以写参数。
fadeOut()：通过不透明度的变化来实现所有匹配元素的淡出效果。 fadeIn()：通过不透明度的变化来实现所有匹配<br>元素的淡入效果。
fadeTo()：把所有匹配元素的不透明度以渐进方式调整到指定的不透明度。
animate()：用于创建自定义动画的函数。
delay()：设置一个延时来推迟执行队列中之后的项目。
delay()：设置一个延时来推迟执行队列中之后的项目。
事件
ready(fn)
当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
fn：要在DOM就绪时执行的函数
写法
$(function(){ <br> console.log(document.getElementById('blue')) <br>})
$(document).ready(function(){ <br> console.log(document.getElementById('red')) <br>})
window.onload()和$(document).ready()的区别<br>
执行时间上的区别：window.onload必须等到页面内（包括图片的）<br>所有元素加载到浏览器中后才能执行。而<br>$(document).ready(function(){})<br>是DOM结构加载完毕后就会执行。
编写个数不同：window.onload不能同时写多个，<br>如果有多个window.onload，则只有最后一个会执行，<br>它会把前面的都覆盖掉。<br>$(document).ready(function(){})则不同，<br>它可以编写多个，并且每一个都会执行。
简写方法：window.onload没有简写的方法，<br>$(document).ready(function(){})可以简写为$(function(){})。<br><br>
基本属性<br>
attr()：设置或返回被选元素的属性值。
removeAttr()：从每一个匹配的元素中删除一个属性。
prop()：获取在匹配的元素集中的第一个元素的属性值。
removeProp()：用来删除由.prop()方法设置的属性集。
addClass()：为每个匹配的元素添加指定的类名。
removeClass()：从所有匹配的元素中删除全部或者指定的类。
toggleClass()：如果存在（不存在）就删除（添加）一个类。
html()：取得第一个匹配元素的html内容。
text()：取得所有匹配元素的内容。
val()：获得匹配元素的当前值。
基本文档处理
append()：向每个匹配的元素内部追加内容。
appendto()：把所有匹配的元素追加到另一个指定的元素元素集合中。
prepend()：向每个匹配的元素内部前置内容。
empty()：删除匹配的元素集合中所有的子节点。
remove()：从DOM中删除所有匹配的元素。
