## 添加 addClass(class | fn)
概述:為每個匹配的元素添加指定的類名。
~~~
// 為匹配的元素加上 'selected' 類
$("p").addClass("selected");
$("p").addClass("selected1 selected2");
// 給 li 加上不同的 class
$('ul li:last').addClass(function() {
return 'item-' + $(this).index();
});
~~~
## 移除 removeClass(\[class | fn\])
概述:從所有匹配的元素中刪除全部或者指定的類。
~~~
$("p").removeClass(); // 刪除匹配元素的所有類
$("p").removeClass("selected"); // 從匹配的元素中刪除 'selected' 類
// 刪除最后一個元素上與前面重復的 class
$('li:last').removeClass(function() {
return $(this).prev().attr('class');
});
~~~
## 切換 toggleClass(class | fn\[, sw\])
概述:如果存在(不存在)就刪除(添加)一個類。
* switch:用于決定元素是否包含 class 的布爾值。
~~~
$("p").toggleClass("selected"); // 為匹配的元素切換 'selected' 類
// 每點擊三下切換 'highlight' 類
var count = 0;
$("p").click(function(){
$(this).toggleClass("highlight", count++ % 3 == 0);
});
~~~
- 第一節:概述
- 第二節:核心
- 第一課時:核心函數
- 第二課時:對象訪問
- 第三課時:插件機制
- 第四課時:多庫共存
- 第三節:選擇器
- 第一課時:基本選擇器
- 第二課時:層級選擇器
- 第三課時:基本篩選器
- 第四課時:內容
- 第五課時:可見性
- 第六課時:屬性
- 第七課時:子元素
- 第八課時:表單
- 第九課時:表單對象屬性
- 第四節:屬性
- 第一課時:屬性
- 第二課時:CSS 類
- 第三課時:HTML 代碼、文本和值
- 第五節:篩選
- 第一課時:過濾
- 第二課時:查找
- 第六節:CSS
- 第一課時:CSS
- 第二課時:位置
- 第三課時:尺寸
- 第七節:事件
- 第一課時:頁面載入
- 第二課時:事件處理
- 第三課時:事件切換
- 第四課時:事件
- 第八節:文檔處理
- 第一課時:內部插入
- 第二課時:外部插入
- 第三課時:包裹
- 第四課時:替換
- 第五課時:刪除
- 第六課時:復制
- 第九節:效果
- 第一課時:基本
- 第二課時:滑動
- 第三課時:淡入淡出
- 第四課時:自定義
- 第十節:AJAX
- 第一課時:請求
- 第二課時:事件
- 第三課時:其他