Question

如何使用jQuery检查值（来自CSS标记）？

CSS

#my_div { display:none; }

JS

$(document).ready(function()
{

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

}

这不起作用。希望有人可以帮助我。

示例：http://jsfiddle.net/9fSM6/

Answer 1

您错过了ready：);

的右括号

另外，在代码中添加<div id="my_div"></div>，否则会将其视为“可见”，因为您没有“my_div”元素，因此它也不会被隐藏。

更新了代码：http://jsfiddle.net/ug6Dv/

重新更新代码：http://jsfiddle.net/PcmJW/

Answer 2

当我添加div元素http://jsfiddle.net/9fSM6/3/

时，对我来说工作得很好

如果您没有任何元素，is()将始终返回undefined，因此始终会触发else部分。

Answer 3

您可以使用css功能。它返回给定css属性的值：

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

Jquery - 检查CSS值

3 个答案: