jQuery复合事件

复合事件

hover方法     toggle方法

hover方法

hover()相当于mouseover和mouseout的结合

示例

jQuery 代码:

$("td").hover(
  function () {
  },
  function () {
  }
);

toggle方法

用于模拟鼠标连续点击事件

fn:第一数次点击时要执行的函数。
​
fn2:第二数次点击时要执行的函数。
​
fn3,fn4,...:更多次点击时要执行的函数。

switch参数描述:

如果这个参数为true ，那么匹配的元素将显示;如果false ，元素是隐藏的

相当于hoid()和show()

jQuery 代码:

​
$('#foo').toggle(showOrHide);
//相当于
if (showOrHide) {
  $('#foo').show();
} else {
  $('#foo').hide();
}      

​

切换样式

.toggleclass("classname")
//如果元素有该样式,则移除改样式
//如果元素没有该样式,则添加改样式

toggle小结

toggle()和toggleclass()总结
    toggle(fn1,fn2,fn...):实现单击事件的切换,不需要绑定额外的click事件
    toggle()实现元素在显示和隐藏之间的切换
    toggleclass("classname")添加和移除样式的切换