IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    JQ添加移除css样式

    usity发表于 2016-03-01 08:55:11
    love 0

    1. addClass() - 添加CSS类

    $("#target").addClass("newClass");
    
    //#target 指的是需要添加样式的元素的ID 
    //newClass 指的是CSS类的名称 

    2. removeClass() - 移除CSS类

    $("#target").removeClass("oldClass");
    
    //#target 指的是需要移除CSS类的元素的ID 
    //oldClass 指的是CSS类的名称 

    3. toggleClass() - 添加或者移除CSS类:如果CSS类已经存在,它将被移除;相反,如果CSS类不存在,它将被加上。

    $("#target").toggleClass("newClass")
    
    //如果ID为“target”的元素已经定义了CSS样式,它将被移除; 
    //反之,CSS类”newClass“将被赋给该ID。 

    在实际运用中,我们常常先定义好这些CSS类,然后通过Javascript事件触发(比如点击某个链接)来改变页面元素样式。此外,jQuery还提供一种方法 hasClass("className")用来判断某个元素是否已经被赋予某个CSS类。

     

    常见问题:

    <label for="TrueName" generated="true" class="msg-error" style="">正确</label>

    通过addClass("msg-success");

    <label for="TrueName" generated="true" class="msg-error msg-success" style="">正确</label>

    误:(msg-success将被msg-error覆盖,样式不变)
    span.msg-error, label.msg-error{color: #f00;}
    span.msg-success, label.msg-success{color: #000;}
    
    正: 
    span.msg-error, label.msg-error{color: #f00;}
    span.msg-success, label.msg-success{color: #000;}


沪ICP备19023445号-2号
友情链接