我有style="display:none"
的div。鼠标悬停在链接上我希望通过添加一个display=block
的类来显示它,但它不起作用。
答案 0 :(得分:3)
您需要在课堂上使用!important
。Check 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;}
答案 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");