确定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')){