## 添加 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
- 第一课时:请求
- 第二课时:事件
- 第三课时:其他