利用自动触发器能够不写一行Javascript代码做很多有趣的事情。

参数

参数名 说明 可选值
trigger 触发器类型
  • "toggle"(默认值) 切换显示或隐藏状态
  • "show" 显示
  • "hide" 隐藏
  • "toggleClass" 增加或隐藏css class
  • "addClass" 增加css class
  • "removeClass"移除css class
  • function(){/*自定义执行的操作*/} 执行给定函数
selector 子代选择器,用来过滤触发条件 默认为null
events 触发事件名 绑定在触发器上的事件名称,默认为'click',即点击元素时触发
animate 动画类型 当显示或隐藏元素时执行动画的类型
  • "slide"(默认)
  • "fade"
  • "normal"
easing 动画缓动函数
  • "linear"(默认)
  • "swing"
animateSpeed 动画执行速度
  • "normal"(默认)
  • "slow"
  • "fast"
  • 400 指定数字,表示动画执行可用的时间
preventDefault 是否阻止事件默认行为
  • true(默认)
  • false
cancelBubble 是否取消事件冒泡
  • true(默认)
  • false
target 触发后事件执行的主体 使用jquery对象或者jquery选择器字符串来指定,如果为null,则指定为触发器自身
before 触发事件发生之前调用 指定一个函数在触发事件发生之前调用,如果在此函数内返回false,则不执行后续触发过程
after 触发事件发生之后调用 指定一个函数在触发事件发生之后调用

显示或隐藏元素

切换 CSS class

综合使用