jQuery事件与扩展

jQuery学习 本文总阅读量次

常用的就不记录了，只记录一些和原生js有区别的部分

事件

鼠标事件

键盘事件

  • keydown键按下的过程
  • keypress - 键被按下（有的键盘操作无法被keypress记录，但可以被keydown记录）
  • keyup键被松开

其他事件

  • ready、resize调整浏览器窗口大小时
  • focus、blur
  • change当元素的值改变时发生 change 事件（仅适用于表单字段）
  • select textarea 或文本类型的 input 元素中的文本被选择（标记）时触发
  • submit提交表单时

事件参数 event

event对象

事件绑定与取消

扩展

自定义动画 animate()

  • animate()自定义动画
  • 需要注意搭配stop()使用，否则多次触发动画时容易出现触发事件结束时动画还在进行中的情况。（在animate之前使用stop，即可保证在动画开始之前如有其他动画则先停止之前的动画再开始新动画，避免一直叠加）

串行动画

  • delay()实现动画暂停，可对队列中的下一项的执行设置延迟。
  • 使用stop+animate+delay+animate实现串行动画

动画函数

  • show()/hide()/toggle()中传递时间参数即可成为动画，参数也可以是关键词（fast、slow（差不多600毫秒）等）动画函数show()/hide()/toggle()
  • fadeIn()/fadeOut()/fadeToggle()淡入淡出的动画效果动画函数fadeIn()/fadeOut()/fadeToggle()
  • slideUp()/slideDown()/slideToggle()模仿画卷一样的在垂直方向上的动画效果，up就是缩上去看不到，down就是落下动画函数slideUp()/slideDown()/slideToggle()

计时器

  • jq封装的方法没有原生js的setTimeout()和setInterval()好，建议回归原生

ajax

  • $.ajax()
  • $.get()
  • $.post()
  • $.getJson()：使用 AJAX 的 HTTP GET 请求获取 JSON 数据
jQuery学习