jquery.addClass（）不用于添加具有不同值的现有属性_Jquery

jquery.addClass（）不用于添加具有不同值的现有属性

jquery

jquery.addClass（）不用于添加具有不同值的现有属性,jquery,Jquery,我有一个带有style=“display:none”的div。鼠标悬停在链接上，我想通过添加一个带有display=block的类来显示它，但它不起作用。您需要使用！重要信息在课堂上。查看如何！重要信息有效 /*html*/ <div class="first" style="display:none;">sdfirst</div> <div class="second" >second</div>

我有一个带有

style=“display:none”

的div。鼠标悬停在链接上，我想通过添加一个带有

display=block

的类来显示它，但它不起作用。

您需要使用

！重要信息

在课堂上。查看如何

！重要信息

有效

 /*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;}

/*html*/
sdfirst
第二
/*jquery*/
$（“.second”）.mouseover（函数（）{
$（“.first”）.addClass（“ss”）；
})
/*css*/
.ss{display:block！重要；}

使用此代码

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

请添加您尝试的代码。内联样式将覆盖标准样式表中的所有CSS类（使用

！important

应用的类除外）。最好是避免完全使用

样式

或使用

show（）/hide（）/toggle（）

方法。使用浏览器中的开发人员工具检查匹配的CSS规则和应用的规则。

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