事件 事件切换

示例

over,out 描述:

鼠标悬停的表格加上特定的类

jQuery 代码:

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

out 描述:

hovre()方法通过绑定变量"handlerInOut"来切换方法。

jQuery 代码:

$("td").bind("mouseenter mouseleave",handlerInOut);
$("td").hover(handlerInOut);

示例

无参数描述:

对表格切换显示/隐藏

jQuery 代码:

$('td).toggle();

fn,fn2描述:

对表格的切换一个类

jQuery 代码:

$("td").toggle(
  function () {
    $(this).addClass("selected");
  },
  function () {
    $(this).removeClass("selected");
  }
);

speed 描述:

用600毫秒的时间将段落缓慢的切换显示状态

jQuery 代码:

$("p").toggle("slow");

speed,fn 描述:

用200毫秒将段落迅速切换显示状态，之后弹出一个对话框。

jQuery 代码:

$("p").toggle("fast",function(){
   alert("Animation Done.");
 });

switch参数描述:

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

jQuery 代码:

$('#foo').toggle(showOrHide);

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