老师博客：https://www.cnblogs.com/yuanchenqi/articles/6070667.html
day43,day44
jquery 中文文档：http://jquery.cuishifeng.cn/
首先我们得下载一个jquery文件 jquery-3.1.1.js,然后工程引入
jquery的基础语法：$(selector).action() selector 是选择器
jQuery 是什么
<1>jQuery 由 John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。
<2>jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE!
<3>它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器
<4>jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。
<5>jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择
什么是jQuery对象：
jQuery 对象就是通过jQuery包装DOM对象后产生的对象。jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法:Title hello world
寻找元素(选择器和筛选器)
3.1 选择器
3.1.1 基本选择器
$("*") 匹配所有标签 $("#id") 匹配id标签 $(".class") 匹配类标签$("element") 按照标签名字找，比如${"span"}$(".class,p,div") 匹配多种类型的标签$(selector) 这个拿到的是一个对象，比如有多个同名class标签，拿到的就是一个数组 3.1.2 层级选择器
$(".outer div") 后代选择器（outer 下的 div标签，影响所有的后代）$(".outer>div") 子代选择器（只影响子代）$(".outer+div") 紧挨着的兄弟，且是向下的$(".outer~div") 兄弟标签，且是向下的，不用紧挨着（同级别中间隔了别的标签也可以） 3.1.3 基本筛选器
$("li:first") $("li:eq(2)") $("li:even") $("li:gt(1)") - 111
- 222
- 333
- 444
// $("ul li").gt(1).css("color","red") //推荐用这种，上面的所有筛选器都可以用 . 的方式，比如$("ul li").last 等等 3.1.4 属性选择器
Title hello world
hello world
3.1.5 表单选择器
$("[type='text']")----->$(":text") 注意只适用于input标签 : $("input:checked")
Title
查找筛选器*****
$("div").children(".test") #只找到子代 $("div").find(".test") #找到后代中所有的 .test $(".test").next() 下一个标签$(".test").nextAll() 后面所有的$(".test").nextUntil(“#end”) 直到id为end的标签结束 $("div").prev() 上一个标签$("div").prevAll() 上面所有的$("div").prevUntil("#start") 上面直到id为start的结束 $(".test").parent() 第一层父亲$(".test").parents() 所有的祖先$(".test").parentUntil() 所有祖先，逐级向上，直到什么时候结束$("div").siblings() 除了自己，找到其他相邻的
$("ul li").hasclass("test") 判断某一个标签内是不是含有class=test的筛选器
Title
实例：左侧菜单
实现点击母菜单按钮，罗列子菜单，其他菜单隐藏
Title