jquery - 使用 jquery 覆盖 !important 样式

Question

我有一个带有类的元素

display:none !important;

但是我想使用jquery来显示元素

$('#returning_customer_check').click(function(){
    if($(this).is(':checked')) {
        $('#returning_customer').show();
        $('#new_customer').hide();
        customer = 1;
    } else {
        $('#returning_customer').hide();
        $('#new_customer').show();
        customer = 0;       
    }
});

这不起作用，有没有办法用 jquery 覆盖 css？

Answer 1

.show() 转换为 style="display:block"。

因此，您可以进行短期修复:

$(this).attr("style", "display:block !important");

http://jsfiddle.net/ew7hpp6w/

但是我建议完全删除 !important 。如果您发现更重要理由将其删除，那么它显然没有被正确使用。