如何使用带有转换的jQuery覆盖css！important属性

Question

我希望使用jQuery覆盖css !important属性。不要告诉我$('div').css("cssText", "display: none !important;");我知道它有用，虽然我需要一些转变。我只是把手伸向fiddle，在那里我可以更清楚地说明我的观点。

的jQuery

$('div').click(function(){
    $('div').fadeOut('slow').css("cssText", "display: none !important;");
});

Answer 1

您可以在动画后使用animate()，然后使用.remove()。看看小提琴 - http://jsfiddle.net/8gavv7n2/2/

$('div').click(function(){
    $('div').animate({opacity: 0}, 500, function(){
        $(this).remove()
    });
});

您还需要包含jQueryUI。

Answer 2

转换完成后覆盖它

$('div').click(function() {
  $('div').fadeOut('slow', function() {
    $(this).css("cssText", "display: none !important;");
  })
});

div{
    display:block !important;
}

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div>Hello Jquery</div>

小提琴http://jsfiddle.net/8gavv7n2/3/