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

时间:2012-12-26 05:49:02

标签: jquery

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

2 个答案:

答案 0 :(得分:3)

您需要在课堂上使用!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

答案 1 :(得分: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");