确定CSS属性是否是某个值？

只是想知道如何确定这样的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'; }