美文网首页
修改元素的类

修改元素的类

作者: 就那两三事 | 来源:发表于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