1.复习内容

• Jquery

  • jquery是什么？

    • 少代码，实现多功能，
    • 比js更精简的代码，实现更多的功能

  • Jquery元素选取

    • 选取所有元素 $(*)
    • 选取当前元素$(this)
    • 选取类和id时候一定要加.或者#
    • 选取属性元素$([attr:’value’])
    • 选取奇数偶数位置 $(“tr:even”) , $(“tr:odd”)

  • jquery找标签

    • id选择器，
    • 类选择器，
    • 标签选择器，
    • 子代选择器，
    • 后代选择器，
    • 并集选择器

  • jquery选择器筛选

    • p:frist 第一个p元素
    • p:last 最后一个p元素
    • p:eq(2) 第三个p元素，索引从0开始
    • p:gt(3) ,p:lt(3) 索引大于3、小于3
    • :even ,:odd 偶数，奇数位置

    • 表单筛选

      • input:text input的text
      • input:button input的input:button

  • Jquery事件

    • 方法1，去掉on 直接调用方法

      • jq.click() 里面添加匿名函数
      • jq.hover() 里面添加匿名函数

    • 方法2，用on方法

      • $('.box').on(‘click’,function(){})

  • jquery改样式和属性

    • 内容操作

      • html() html元素内容
      • val() value值
      • text() 文字内容

    • 样式操作

      • css() 单一 传递两个变量
      • css() 多个 传递一个字典

    • 类的操作

      • jq.addClass() 添加
      • jq.removeClass() 移除
      • jq.toggleClass() 有就删除 没有就添加
      • jq.hasClass()

    • 自定义属性

      • jq.attr(‘key’,value)
      • jq.removeAttr(‘key’)
      • jq.prop(‘key’,’value’)

  • 资料：

    • https://juejin.im/post/5d89de16f265da03eb140b1b
    • https://www.jianshu.com/p/f8e3936b34c9

2.灵感代办

• 将django api全部练习一下
• 将js和jq的语法等在熟悉一下
• 思维问题
  • 穷人思维买了东西都是想着怎么保护，
  • 富人思维买了东西都想着如何变现

3.学习内容

• Ajax

  • 理解：
    • AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。
    • AJAX 不是新的编程语言，而是一种使用现有标准的新方法。
    • AJAX 主要功能： 异步请求， 局部刷新
  • 使用Ajax
    • 1.创建对象

      • var xmlhttp;
        if (window.XMLHttpRequest)
          {// code for IE7+, Firefox, Chrome, Opera, Safari
          xmlhttp=new XMLHttpRequest();
          }
        else
          {// code for IE6, IE5
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
          }

    • 2.发送请求

      • open(method,url,async)	规定请求的类型、URL 以及是否异步处理请求。method：请求的类型；GET 或 POSTurl：文件在服务器上的位置async：true（异步）或 false（同步）
        send(string)	将请求发送到服务器。

        string：仅用于 POST 请求 |
        | setRequestHeader(header,value) | 向请求添加 HTTP 头。
        header: 规定头的名称
        value: 规定头的值 |

    • 3.服务器响应

      • 属性	描述
        responseText	获得字符串形式的响应数据。
        responseXML	获得 XML 形式的响应数据。

    • 4.ajax事件

      • 属性	描述
        onreadystatechange	存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。
        readyState	存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。

        0: 请求未初始化
        1: 服务器连接已建立
        2: 请求已接收
        3: 请求处理中4: 请求已完成，且响应已就绪 |
        | status | 200: "OK"404: 未找到页面 |

4.扩展延伸知识

• ajax适配函数不生效问题

  • 可能是浏览器缓存旧的js文件

5.知识内容个人梳理

6.今天都复习了之前的什么内容