确定CSS属性是否设置为某个值？

Question

只是想知道如何确定像这样的jQuery语句

if( $("#test").css('display', 'block') == true) {
   return true;
}

基本上，我希望能够通过“display：block”属性确定当前正在显示或隐藏元素的IF？

Answer 1

使用

if( $("#test").css('display') == 'block') {

我非常确定.css()，返回计算值，将始终返回小写结果 - 文档对此没有任何说明。为了完全确定，你可以做一个

if( $("#test").css('display').toLowerCase() == 'block') {

虽然您可以依靠display提供可靠的结果，但请注意，某些CSS属性并不会始终显示它们的定义方式。例如

a { color: red }

使用rgb(255,0,0);查询时，

将结果为.css()。

Answer 2

您可以使用isvisible并隐藏

if ( $('#test').is(':visible')){

Answer 3

我认为测试这个的唯一方法是与实际值进行比较：

function displayHidden(elem) {
    return $(elem).css('display') === 'hidden';
}