美文网首页
修改元素的类

修改元素的类

作者: 就那两三事 | 来源:发表于2018-08-08 13:02 被阅读9次

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"。

相关文章

网友评论

      本文标题:修改元素的类

      本文链接:https://www.haomeiwen.com/subject/augtbftx.html