jQuery语法部分总结2

事件

• jQuery对事件的处理都是绑定，不是绑定

• ready(fu)

  使用方法：

  $(document).ready(function (){
  
  //页面加载完成之后执行的代码
  
  })
  //另：简化写法
  $(function (){
      //ready的简写
  })
  

  和原生区别：两个方法不会冲突

• on和off

  jqueryObject.on('事件',function (){函数体})
  jqueryObject.off('事件',要移除的函数fn)
  //on实现事件监听，off取消事件监听
  //on还可以实现事件委派
  jqueryObject.on('事件','选择器',function (){
      //执行的函数体
      //this指向选择器选择的对象
  })
  

  如果不指定函数名移除会移除所有的事件：例如移除所有点击事件

  处理这个问题：在'事件'后面加上准确的函数名

• one

  和on用法相同，但是只能触发一次事件

• trigger(type,[data])

  自动触发事件

  jqueryObject.trigger('事件/事件类型')
  

• hover(fn1,fn2)

  是enter和leave的组合。事件切换，fn1是mouseenter的事件，fn2是mouseleave事件

  over和out的缺陷：在子元素之间滑过会反复触发事件

  enter和leave就没有这个缺陷，用的更多

• 其他事件可以直接用事件名

  jqueryObject.事件名

• unload()

  离开页面时window的事件

• 事件对象

  和原生基本相同的

效果（effect

• 每一个效果都有执行完成的时候执行的回调函数

• jqueryObject.hide('变化时间')

  隐藏元素,用的是display:none

  变化的是宽高，透明度

• jqueryObject.show('变化时间')

  和hide相反

• toggle切换hide和show

• slideUp向上收起

• slidedown向下展开

• slideToggle切换

• fade同上，但是只有透明度切换

• fadeTo('时间',透明度终点')制定透明度变化的重点

• animate()

  自己写动画

  jqueryObject.animate({属性：值....},时间，过渡的缓动函数，fn动画完成执行的函数)
  

• stop()

  停止当前正在运动的动画

  jqueryObject.stop().animate()

• delay('时间')

  延迟多久才执行

• jQuery easing插件，有各种各样的动画形式