addClass()
$(selector).addClass(classname,function(index,oldclass))
向被选元素添加一个或多个类名
该方法不会移除已存在的 class 属性,仅仅添加一个或多个类名到 class 属性。
classname:必需。规定一个或多个要添加的类名称(多个类,使用空格分隔类名)。
function(index,oldclass):可选。规定返回一个或多个待添加类名的函数。
index - 返回集合中元素的 index 位置。
currentclass - 返回被选元素的当前的所有类名。
removeClass()
$(selector).removeClass(classname,function(index,currentclass))
从被选元素移除一个或多个类
classname:可选。规定要移除的一个或多个类名称。如需移除若干个类,请使用空格分隔类名称。注意: 如果该参数为空,则将移除所有类名称。
function(index,currentclass):可选。返回要移除的一个或多个类名称的函数。
index - 返回集合中元素的 index 位置。
currentclass - 返回被选元素的当前的所有类名。
例子:
$("button").click(function(){
$("li").removeClass(function(n) {
if (n==0||n==1) {return "listitem"}
else {return ""}
});
});
toggleClass()
$(selector).toggleClass(classname,function(index,currentclass),switch)
对添加和移除被选元素的一个或多个类进行切换
该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果。
classname:必需。规定添加或移除的一个或多个类名。如需规定若干个类,请使用空格分隔类名。
function(index,currentclass):可选。规定返回需要添加/删除的一个或多个类名的函数。
index - 返回集合中元素的 index 位置。
currentclass - 返回被选元素的当前类名。
switch:可选。布尔值,规定是否仅仅添加(true)或移除(false)类。
hasClass()
$(selector).hasClass(classname)
检查被选元素是否包含指定的类名称
如果被选元素包含指定的类,该方法返回 "true"。