jQuery（二）

1、淡入淡出效果

• fadeIn()
  • 淡入
• fadeOut()
  • 淡出
• fadeToggle()
  • 切换
• fadeTo(speed, opcity)
  • 淡出到哪个地步，速度和透明度参数必选
  • speed
    • slow normal fast
  • opcity 取值 0 - 1
• 案例：高亮显示

2、自定义动画 .animate()

• 语法： .animate(params, [speed], [easing], [fn]);
  • params: 想更改的样式，以对象形式传递，必须写
  • speed：slow normal fast 或 毫秒值（动画持续时间）
  • easing：指定切换效果，默认 swing，可用 linear
  • fn：回调函数，动画执行完成同时执行的函数，每个元素执行一次
  • 注意：直接用不能更改颜色
• 案例：王者荣耀手风琴
  • 页面结构写一遍

3、JQuery属性操作

• 设置或获取元素固有属性值 .prop()
  • 固有属性指元素本身自带的属性
  • 获取语法
    • .prop(‘属性‘)
  • 设置属性语法
    • .prop(‘属性‘， ‘属性值‘)
  • change属性
    • .change事件： 当发生改变时触发
      • 表单中checked属性
      • 当复选框发生改变时，打印出是否选择
      • 获取 .prop(‘checked‘)
      • 设置 .prop(‘checked‘, true) .prop(‘checked‘, false)
        
    • .oninput事件（原生js的）：输入事件，一边输入一边做什么
    • .scroll事件：滚动事件，滚动时完成某些事情，给window添加 $(window)
• 设置或获取元素自定义属性值 .attr()
  • 用户自己给元素添加的属性，称之为自定义属性
  • 获取属性语法
    • .attr(‘属性‘)
  • 设置属性语法
    • .attr(‘属性‘, ‘属性值‘)
• 数据缓存 .data()
  • 当做变量存储

4、购物车案例

• 全选
  • 当前全选发生改变时，要知道全选是否选择，如果选中，小按钮也要选中
• 小按钮全选改变大按钮全选
  • 每一个小按钮选择，都要判断大按钮是否要选择

5、jQuery内容文本值

• 普通元素内容 .html() 双标签在用
  • 相当于原生的innerHTML
    • 获取 html()
    • 设置 html(‘内容‘)
• 普通元素文本 .text() 双标签在用
  • 相当于原生的innerText
    • 获取 text()
    • 设置 text(‘内容‘)
• 表单的值 .val()
  • 相当于原生的value
    • 获取 val()
    • 设置 val(‘内容‘)

6、商品数量

• 点击获取值，加一再赋值回去
• return
  • 后面写返回值，就将值返回
  • 不写值返回undefined
  • 不写return 返回undefined
  • 不管写不写返回值，函数遇到return就会结束
• 字符串截取

7、获取所有祖先即获取父元素

• .parents()