我有以下代码：
$('.signup-form-wrapper').css("style", "display: block");
$('.login-form-wrapper').css("style", "display: none");
不知道为什么它不起作用。该元素当前如下所示：
<div class="signup-form-wrapper form-wrapper" style="display: none;">
我正在尝试将这种样式更改为显示：块，我该怎么做？
您可以将代码更改为：
$('.signup-form-wrapper').show();
这大致相当于调用 .css('display', 'block')，除了 display 属性恢复到最初的样子。
来源：http ://api.jquery.com/show/
或者
$('.signup-form-wrapper').css({ display: 'block' });
.css（属性）
.css（属性名，值）
来源：http ://api.jquery.com/css/#css-propertyName-value
两者都将显示您的元素并更改样式。
试试这个
$('.signup-form-wrapper').css("display", "block");
$('.login-form-wrapper').css("display", "none");
如果您只是在寻找显示和隐藏某些内容，则可以使用较短的功能，例如.hide()或.show()
.css()本身设置style元素的。
函数调用语法为：
$(elem).css('style-property','style-value');
将您的代码更改为：
$('.signup-form-wrapper').css("display", "block");
$('.login-form-wrapper').css("display", "none");
或者对于单个元素的多个样式传递一个对象：
$(elem).css({'style-property1':'style-value1','style-property2':'style-value2'});
例如
$('.signup-form-wrapper').css({"display": "block", "border":"1px solid red"});