selectores - obtener el valor de un atributo jquery

Determinar si el atributo CSS es un cierto valor?

Question

Me preguntaba cómo determinar una declaración jQuery como esta

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

Básicamente, quiero poder determinar si un elemento se está mostrando u ocultando actualmente a través del atributo "display: block" (visualizar: bloque)?

Answer 1

Creo que la única manera de probar esto es comparando con valores reales:

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

Answer 2

Puedes usar isvisible y también está oculto

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

Answer 3

Utilizar

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

Estoy bastante seguro de que .css() , al devolver un valor calculado, siempre devolverá un resultado minúsculo: los documentos no dicen nada al respecto. Para estar totalmente seguro, podría hacer una

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

Si bien puede confiar en que la display proporcione resultados confiables, tenga en cuenta que algunas propiedades de CSS no siempre aparecerán de la forma en que se definieron . Por ejemplo

a { color: red }

resultará rgb(255,0,0); cuando se consulta usando .css() .