在函数中使用 jQuery 更改 css答案

【问题标题】：Change css with jQuery in function在函数中使用 jQuery 更改 css
【发布时间】：2015-10-28 20:06:02
【问题描述】：

所以，我有以下 div 和函数：

<div class="show" style="display:none;"> Show only when </div>

那么，jQuery函数：

beforeSend : function(){
        jQuery('.show').html('?????');
    },

如何制作 jQuery 函数，以便将 class="show" 的 css 从 "display:none" 更改为可见？

谢谢

【问题讨论】：

JQuery Toggle()的可能重复
是的，可以。谢谢。

标签： jquery css

【解决方案1】：

你可以试试这个http://api.jquery.com/show/:

$('.show').show();

【讨论】：

另请注意，您可以添加其他参数，例如持续时间等。
我明白了。谢谢！ =）我会阅读你添加的链接。欣赏！

【解决方案2】：

Kostas (+1) 展示了使用 jquery .show() 显示元素的最简单和最常用的元素 - 您可以使用 .hide() 隐藏元素并使用 .toggle() 切换它们的显示 -, 要使用 jQuery 设置 CSS 值，你可以使用这个函数.css()like this:

$(selector).css({'property1':numValue1, 'property2': 'stringValue2'});

例如：JSFiddle

$('#change').on('click', function () {
    $('.something').css({'color': 'orange','background-color': 'maroon'});
});

.something {
    color:white;
    font-size:1.5em;
    background-color:orange;
    padding:2px 5px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<p class="something">Here is an example</p>
<button id="change">Change CSS</button>

参考：https://api.jquery.com/css/

【讨论】：

感谢您提供的精彩示例和解释！ =) 学到了新东西！