1. 什么是jQuery？

​ 是一个javascript的库，里面有很多的函数

2. 作用

​ 可以操作dom对象，事件处理，动画，ajax

3. jQuery的优点

1. 免费，开源的
2. 比较小巧，压缩的版本只有87k大小；
3. 兼容大多数的浏览器
4. 文档齐备

4. 对象分类

• dom对象：使用js语法创建的对象是dom对象，也是js对象。dom对象可以调用dom方法，属性。
• jQuery对象：使用jQuery语法创建的对象，jQuery独享能调用jQuery函数库中的函数或者属性。jQuery对象是数组，数组中的每个元素是dom对象。

5. 选择器

• 什么是选择器：就是一个字符串，用来定位dom对象的，就是选择页面中dom对象的条件

• 基本选择器

  • id选择器：语法$("#id值")
  • class选择器：语法$(".class名称")
  • 标签选择器：语法$("标签名称")
  • 所有选择器：语法$("*")
  • 组合选择器：语法$("id选择器，class选择器，标签选择器")

• 表单选择器

  • 使用dom对象的type属性定位
  • 语法：$(":type属性值")。例如如果想要定位所有的text，$(":text")
• 过滤器：是一个字符串，用来筛选dom对象的，过滤器需要和选择器一起使用
  • 基本选择器
    • 选择第一个对象，$("选择器:first")
    • 选择最后一个对象，$("选择器:last")
    • 选择指定下标的对象，$("选择器:eq(下标)")
    • 选择小于指定下标的对象，$("选择器:lt(下标)")
    • 选择大于指定下标的对象，$("选择器:gt(下标)")
  • 表单属性过滤器：根据表单dom对象的状态，过滤dom对象的状态，状态有启用的，不可用的，选中
    • 可用的，$(":text:enabled")
    • 不可用的，$(":text:disabled")
    • 单选或者复选框选中的，$(":radio:checked")
    • 下拉列表框的选中，$("选择器>option:selected")

• 函数

  • val：获取或设置dom对象的value属性值
  • text：读取或设置标签的文本内容的
  • attr：读取或设置标签的某个属性值
  • remove：删除dom和子对象
  • empty：删除dom的子对象
  • append：添加dom对象
  • html：读取或设置标签的文本值，操作的是innerHTML
  • each：循环
    • 普通数组
    • json对象
    • dom数组
  • each循环的语法
    • $.each(循环的对象, function(i, n) {})
    • jquery对象.each(function(i, n) {})

• jquery处理事件

  • 绑定事件，jquery对象.事件名称(事件处理函数) — 按钮单击，$("btn").click(function(){})
  • on绑定事件，jquery对象.on(事件名称，处理函数) — 按钮单击，$("btn").on(click, function(){})

• jquery处理ajax请求：使用的函数

  • 核心$.ajax()
    • 介绍：使用json的参数格式，表示请求的各种参数
    • json格式的内容
      • url：请求的地址
      • type：请求的方式，get或post，默认是get
      • data：请求的参数，使用json格式比较多
      • dataType：期望服务器端返回的数据格式，可以xml，html，json等
      • aysnc：布尔值，默认是true，异步的请求方式
      • success：指定一个函数，当服务器端返回数据时，自动执行这个函数
      • error：指定一个函数，当错误时执行这个函数
      • contentType：数据格式，可以不写
  • $.post：使用post方式发送请求
    • $.post(请求的服务器端地址， 请求的参数， 处理函数， 数据格式json)
  • $.get：使用get方式发送请求
    • $.get(请求的服务器端地址， 请求的参数， 处理函数， 数据格式json)