1

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

4

2 回答 2

3

你需要!important在课堂上使用。检查这个很棒的答案，看看是如何!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;}​

CSS 特殊性的细节

于 2012-12-26T05:56:48.567 回答
0

使用此代码

    <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");
于 2012-12-26T06:02:47.560 回答