1. 什么是jquery
   1. 可以理解成javascript的工具类，通过jquery创建出来的对象本质是一个数组，操作jquery对象就是操作数组里面的每一个元素 //所有的div样式都会受到影响 $("div").css({'width':'100px','height':'100px','border':'1px solid black'})
2. jquery对象和js对象怎么区分
   1. 只要被$()扩起来的就是jquery对象，没有扩起来的就是js对象
3. jq对象和JS对象的转换
   1. jQuery转JS对象本质就是把JQ对象中的数据取出来的过程 $("div")[0]
   2. JS对象转jQuery对象就是加$(JS对象)
   3. jquery对象就是通过$()创建出来的对象。只有$()创建出来的才是jquery对象
   4. jquery对象里面封装的是数组，数组中存的是JS对象
4. 绑定事件
5. 循环
6. 入口函数
   1. 格式
      1. $(function(){ ​ //以后所有的代码都放到这里面 })
   2. 入口函数和onload的区别
      1. onload只能定义一次，在页面资源(图片/js/css)加载完毕后执行
      2. ​入口函数可以定义多次，在dom树加载完毕后执行
7. 操作CSS样式
   1. 设置样式
      1. 方式2
         1. $("div").css({ ​ "background-color":"red", ​ "color":"green"//最后一句话后面不加, });
      2. 方式1
         1. $("div").css("CSS的样式的名字","样式的值");//只能同时设置一个样式
   2. 获取样式
      1. $("div").css("样式名")//获取样式的值
8. 选择器
   1. 过滤选择器
      1. $("div:eq(9)") 获取第10个div，索引从0开始 $("div:even") 偶数 $("div:odd")奇数 $("div:first") 获取第一个div $("div:last") 获取最后一个div $("div:gt(3)") 获取索引大于3，但是不等3 $("div:lt(3)")获取索引小于3，但是不等3
   2. 表单选择器
      1. $(":text")获取type=text的input标签，是$("input[type='text']")的缩写 $(":password")获取type=password的input标签，是$("input[type='password']")的缩写 $(":checkbox:checked") :checkbox表示获取type=checkbox的input标签,:checked表示获取选中的复选框 $("select>option:selected") select>option获取select标签下的option标签，:selected表示获取选中的option
   3. 值选择器
      1. :checked 获取被选中的复选框或者单选框 :selected 获取被选中的下拉框 注意事项 冒号前面不能带空格
   4. 基本选择器
      1. 标签选择器$("span")
      2. ID选择器$("#id值")
      3. 类选择器 $(".类名")
   5. 层级选择器
      1. 子孙 $("div span")
      2. 子 $("div>span")
   6. 属性选择器
      1. $("div[id='dv']") 表示获取id属性的值为dv的div标签
      2. $("[id='dv']") 表示获取id属性的值为dv的标签
9. DOM相关
   1. 操作标签的内容
      1. html() 获取html代码 html("html代码") 覆盖html代码 val():获取的是表单标签的value属性的值 val("辉哥醒醒啊，不要困了"); 修改表单value属性的值 text() 获取纯文本信息 text("纯文本") 覆盖纯文本，如果里面是html代码，会被原样输出
   2. 操作属性
      1. 原始属性
         1. 获取 prop(属性名) ​设置prop(属性名,属性值)
      2. 自定义属性
         1. 自定义属性最好以data-开头 ​获取 attr(属性名) ​设置 attr("data-属性名","属性值")
   3. 操作标签的class属性
      1. .addClass("类样式")//必须传入类样式的名字，并且不能加. .a{} .removeClass(类样式); .toggleClass("类样式名");
   4. DOM相关操作
      1. 1.添加
         1. 父元素.append(子元素)
      2. 2.创建元素
      3. 3.删除和清空
         1. $("ul").remove() 把ul标签干掉 ​$("ul").empty() 把ul标签中的所有的数据全部清空
10. 案例
    1. 隔行换色
11. 总结
    1. 入口函数
       1. $(function(){ });//所有代码放到入口函数中
    2. 对象转换
       1. js=>jquery
          1. $(js对象)
       2. jquery=>js
          1. $("div")[0]
    3. 事件
       1. 分类
          1. click
          2. dblclick
          3. mouseenter
          4. mouseleave
          5. mousemove
          6. submit
          7. change
          8. blur
          9. focus
       2. 绑定事件
          1. $("").on('事件名',function(){ //TODO 代码 });
       3. 遍历
          1. 1.普通
          2. 2.增强for of
          3. 3.jquery对象的each方法
          4. 4.jquery的静态方法$.each
       4. 选择器
          1. 基本
             1. 标签
             2. #ID
             3. .类
          2. 层级
             1. 子孙 父元素 子元素
             2. 子 父元素>子元素
          3. 属性
             1. [属性名]
             2. [属性名='值']
          4. 过滤
             1. :eq(index) :even :odd :first :last :gt(index) :lt(index)
          5. 表单
             1. :type的值
             2. :selected
             3. :checked
       5. dom
          1. 操作标签内容
             1. 获取 html()
             2. 修改 html("")
          2. 操作表单的值
             1. 获取 val()
             2. 修改 val("值")
          3. 创建dom元素
             1. $("<option>xxx</option>")
          4. 添加
             1. 父对象.append(子对象)
          5. 删除
             1. 干掉自己
             2. remove()
             3. 干掉自己的内容
             4. empty()
       6. 操作样式
          1. 操作css样式
             1. css("样式名") 获取 css("样式名","值") 设置样式 css({ 样式1:"值", 样式2:"值" });
          2. 操作标签的 class属性
             1. addClass(类样式)
             2. removeClass("类样式");
       7. 操作属性
          1. 原始属性
             1. 修改
             2. prop("属性名","属性值")
             3. 获取
             4. prop("属性名")
          2. 自定义属性
             1. 属性名建议以data开头
             2. 修改
             3. attr("属性名","属性值")
             4. 获取
             5. attr("属性名")