Jquery - Check CSS value

Question

How can I check a value (from the CSS tag) with jQuery?

CSS

#my_div { display:none; }

JS

$(document).ready(function()
{

  if($('#my_div').is(':hidden'))
  {
     $('body').append('HIDDEN');   
  }
  else
  {
     $('body').append('VISIBLE');   
  }

}

This did not work. Hope somebody can help me.

Example: http://jsfiddle.net/9fSM6/

mdrg · Accepted Answer · 2011-01-31 13:15:02Z

3

You are missing the closing parenthesis from ready: );

Also, put a <div id="my_div"></div> in your code, otherwise it will be handled as 'visible', because you have no 'my_div' element, so it is also not hidden.

Updated code: http://jsfiddle.net/ug6Dv/

Re-updated code: http://jsfiddle.net/PcmJW/

edited Jan 31, 2011 at 13:15

answered Jan 31, 2011 at 13:00

mdrg

3,4202 gold badges26 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

kieran Over a year ago

Ah - didn't spot that, that fixes problem.

Peter Over a year ago

Hi, this is my problem. This div doesnt exists in my code so i must check the css (direct). Thanks for the fast answer.

mdrg Over a year ago

I don't know if I unserstood what you mean by 'check the css', but if 'my_div' may not exist in the document, then check it using $('#my_div').length

mdrg Over a year ago

@Peter new fiddle fork, using length

user447356 · Accepted Answer · 2011-01-31 13:00:22Z

2

Worked just fine for me when I added such div element: http://jsfiddle.net/9fSM6/3/

When you don't have any element, the is() will always return undefined so the else part will always be triggered.

answered Jan 31, 2011 at 13:00

user447356

Comments

gor · Accepted Answer · 2011-01-31 13:18:50Z

2

You just could use css function. It return value of given css property:

$('#my_div').css('display')

answered Jan 31, 2011 at 13:18

gor

11.6k5 gold badges39 silver badges42 bronze badges

Collectives™ on Stack Overflow

Jquery - Check CSS value

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related