## 懸浮 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
- 第一課時:請求
- 第二課時:事件
- 第三課時:其他