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

本文介绍了确定CSS属性是否设置为某个值?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

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

Just wondering how to determine a jQuery statement like this

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

基本上，我希望能够通过"display:block"属性来确定当前是否显示或隐藏了某个元素?

Basically, I want to be able to determine IF an element has is currently being shown or hidden via the "display:block" attribute ?

推荐答案

使用

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

我相当确定.css()，返回一个计算值，将始终返回小写的结果-文档对此一无所获.为了完全确定，您可以进行

I'm fairly sure .css(), returning a calculated value, will always return a lower case result - the docs say nothing on this. To make totally sure, you could do a

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

虽然您可以依靠display给出可靠的结果，但是请注意，某些CSS属性不会总是按照定义的方式显示.例如

while you can rely on display giving reliable results, note that some CSS properties will not always show up the way they were defined. For example

a { color: red }

使用.css()查询时，

将显示rgb(255,0,0);.