jquery.addClass() 无法添加具有不同值的现有属性答案

【问题标题】：jquery.addClass() is not working on adding the already existing attribute with different valuejquery.addClass() 无法添加具有不同值的现有属性
【发布时间】：2012-12-26 05:49:01
【问题描述】：

我有一个带有 style="display:none" 的 div。在将鼠标悬停在链接上时，我想通过添加带有 display=block 的类来显示它，但它不起作用。

【问题讨论】：

请添加您尝试过的代码
内联样式覆盖标准样式表中的所有 CSS 类（使用!important 应用的除外）。最好是完全避免使用style 或使用show()/hide()/toggle() 方法。使用浏览器中的开发人员工具检查匹配的 CSS 规则和应用的规则。

标签： jquery

【解决方案1】：

你需要在课堂上使用!importantCheck this awesome answer来看看!important是如何工作的

 /*html*/
 <div class="first" style="display:none;">sdfirst</div>
 <div class="second" >second</div>

  /*jquery*/   
  $(".second").mouseover(function() {

    $(".first").addClass("ss");
  })

 /*css*/
.ss{display:block !important;}

Specifics on CSS Specificity

【讨论】：

【解决方案2】：

使用此代码

    <html>
      <head>
        <script src="http://code.jquery.com/jquery-latest.js"></script>
      </head>
      <body><div id="main">
          Mouse Over (click here for event) 
          <div id="div1" style="display:none">hello how are you</div>
        </div><script>
      var i = 0;
      $('#main').mouseover(function() {
            $('#div1').css('display','block');

      }).mouseout(function(){
        $('#div1').css('display','none');
      });

    </script></body>
    </html>

添加你可以使用的

       $('#div1').addClass("className");

【讨论】：