why in input tag<input id="test" style="visibility:hidden;"/> that $("#test").is(":hidden") result is not right?

[赖扬文 785490650@…]

<input id="test" style="visibility:hidden;"/> <script>

$(function(){

var isVisible=$("#test").is(":visible"); var isHidden=$("#test").is(":hidden"); alert("isVisible:"+isVisible);should false ,but true, why? alert("isHidden:"+isHidden);should true, but false,why? if replace "input" to "div" that will been right 如果将input替换成div的话就不会有这样的bug

});

</script>

[anonymous]

<input id="test" style="visibility:hidden;"/> <script>

$(function(){

var isVisible=$("#test").is(":visible"); var isHidden=$("#test").is(":hidden"); alert("isVisible:"+isVisible);should false ,but true, why? alert("isHidden:"+isHidden);should true, but false,why? if replace "input" to "div" that will been right 如果将input替换成div的话就不会有这样的bug

});

</script> </body>

[mikesherov]

Thanks for the report, but please ask for help on the forum!

The is(":visible") selector does not check for the "visibility" property, which just deals truly with opacity, but rather checks for the "display" property.

The reason it works for div and not input is that a div that has visibility hidden and no content truly has no dimensions and is therefore effectively hidden, but that is not true of inputs.