jquery - 不显示！重要的需要使用 jQuery 覆盖

Question

任何知道如何使用 jQuery 覆盖下面提到的 css 的人？

 .actionButton.single-pet
        {
            display: none !important;
        }

它不适用于此：$('.actionButton.single-pet').show();

Answer 1

$('.actionButton.single-pet').attr("style", "display: inline !important");

将 CSS 设置为display: inline !important;. display: inline是 的默认属性display。您需要!important再次覆盖以前的!important.

请注意，!important不应该经常使用。阅读如何覆盖！重要？更多细节。

更新：我们不能.css()在这里使用，因为它不支持!important. http://bugs.jquery.com/ticket/11173了解更多详情；似乎是一个错误。

Answer 2

$('.actionButton.single-pet').removeClass('single-pet');

要不就：

$('.actionButton.single-pet').addClass('single-pet-shown');

使用 CSS：

.actionButton.single-pet-shown {
    display: block !important;
}