javascript - 如何使用 jQuery 更改 css 元素的样式

Question

我有以下代码:

  $('.signup-form-wrapper').css("style", "display: block");
                $('.login-form-wrapper').css("style", "display: none");

不确定为什么它不起作用。该元素当前看起来像这样:

 <div class="signup-form-wrapper form-wrapper" style="display: none;">

我正在尝试将此样式更改为显示: block ，我该怎么做？

Answer 1

您可以将代码更改为:

$('.signup-form-wrapper').show();

This is roughly equivalent to calling .css('display', 'block'), except that the display property is restored to whatever it was initially.

来源:http://api.jquery.com/show/

或

$('.signup-form-wrapper').css({ display: 'block' });

.css( properties )

.css( propertyName, value )

来源:http://api.jquery.com/css/#css-propertyName-value

两者都会显示您的元素并更改样式。