jQuery 事件实现效果分析

jQuery 事件实现效果分析

jQuery 是为事件处理特别设计的。 单独文件中的函数:如果您的网站包含许多页面，并且您希望您的 jQuery 函数易于维护，那么请把您的 jQuery 函数放到独立的 .js 文件中。

设计原则：

• 把所有 jQuery 代码置于事件处理函数中
• 把所有事件处理函数置于文档就绪事件处理器中
• 把 jQuery 代码置于单独的 .js 文件中
• 如果存在名称冲突，则重命名 jQuery 库

jQuery 效果 - 隐藏和显示

• hide() 和 show() 语法：

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。 可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

$("#hide").click(function(){
  $("p").hide();
});

$("#show").click(function(){
  $("p").show();
});

• toggle() 使用 toggle() 方法来切换 hide() 和 show() 方法。 语法：

$(selector).toggle(speed,callback);

例子：

$("button").click(function(){
  $("p").toggle();
});