原生转JQ:
JQ转原生：JQ选择的obox2是一个数组
jq的onload和js不同：体现在img：新版本的ready只等页面结构加载结束,不等资源加载结束；
老版本的ready等同于onload
jq选择器：选择器选择出来的都是数组： $(" ")
id选择器:选择多个，失明特性，只能给一个设置样式
class选择器:选择多个，给多个设置样式
span选择器:选择多个，给多个设置样式
包含选择，群组选择，
css:只选择子：> 选择兄弟：+，后一个；~后所有的兄弟
属性选择：
伪类：
css:first-child
jq:尽量使用方法，节省性能
根据内容选择：innerhtml：
：empty选择当前为空（内容为空）的元素
.empty（）清空所有的内容
has根据子元素选择，谁的子元素有red就选择哪个父元素
补充选择器：
元素的显示隐藏：hide ( ); show ( );
JQ动画：1.内置动画
显示隐藏 show()/hide()/ toggle()隐藏或显示
上拉下拉 slideUp()/slideDown() slideToggle()上拉或下拉
淡入淡出 fadeIn()/fadeOut() fadeToggle(1000)淡入或淡出
半透明fadeTo(1000,0.2) //
2.，自定义动画: 元素.animate()
让与其他方法同步，把方法写在回调函数里面
3.动画的其他方法：delay(2000)延迟 ； stop() 停止
// stop():
参数1:布尔值:控制队列
true:表示清除队列; false:不清除队列（默认值）
参数2:布尔值:控制当前动画
true:表示将当前动画立即运行到终点; false:表示将当前动画停止在当前位置（默认值）
4.动画的递归
5.动画-全局设置
6.应用：手风琴效果
多次点击触发多个动画，动画开启前要先关闭
