## 悬浮 hover(\[over, \]out)
概述:一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。
~~~
// 鼠标悬停的表格加上特定的类
$("td").hover(
function () {
$(this).addClass("hover");
},
function () {
$(this).removeClass("hover");
}
);
~~~
## 切换 toggle(\[speed\], \[easing\], \[fn\])
概述:用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。
* speed:隐藏/显示 效果的速度。默认是 "0"毫秒。可能的值:slow,normal,fast。
* easing:用来指定切换效果,默认是"swing",可用参数"linear"。
* fn:在动画完成时执行的函数,每个元素执行一次。
~~~
$('td).toggle(); // 对表格切换显示/隐藏
$("p").toggle("slow"); // 段落缓慢的切换显示状态
// 段落迅速切换显示状态,之后弹出一个对话框。
$("p").toggle("fast",function(){
alert("Animation Done.");
});
~~~
- 第一节:概述
- 第二节:核心
- 第一课时:核心函数
- 第二课时:对象访问
- 第三课时:插件机制
- 第四课时:多库共存
- 第三节:选择器
- 第一课时:基本选择器
- 第二课时:层级选择器
- 第三课时:基本筛选器
- 第四课时:内容
- 第五课时:可见性
- 第六课时:属性
- 第七课时:子元素
- 第八课时:表单
- 第九课时:表单对象属性
- 第四节:属性
- 第一课时:属性
- 第二课时:CSS 类
- 第三课时:HTML 代码、文本和值
- 第五节:筛选
- 第一课时:过滤
- 第二课时:查找
- 第六节:CSS
- 第一课时:CSS
- 第二课时:位置
- 第三课时:尺寸
- 第七节:事件
- 第一课时:页面载入
- 第二课时:事件处理
- 第三课时:事件切换
- 第四课时:事件
- 第八节:文档处理
- 第一课时:内部插入
- 第二课时:外部插入
- 第三课时:包裹
- 第四课时:替换
- 第五课时:删除
- 第六课时:复制
- 第九节:效果
- 第一课时:基本
- 第二课时:滑动
- 第三课时:淡入淡出
- 第四课时:自定义
- 第十节:AJAX
- 第一课时:请求
- 第二课时:事件
- 第三课时:其他