IE不支持option的display:none属性

今天qa提了一个bug，明明是没有问题的，为什么会这样的，几乎是条件反射的想到了肯定是IE的问题（一般我用FF开发，qa用IE测试……），于是乎测试了一下，果然是IE有问题，简单的描述一下：

 

页面上有一个select，用jQ的选择器去获取能看到的一个下拉列表:

 

if($('#xxx_id :visible').length>0)

 

想当然的以为 这样的判断是没问题的，ff下这个表达式是true，IE下这个表达式是false，后来想到jQ里$('#xxx_id #yyy_id')这样的写法是获取容器xxx_id的子元素yyy_id，所以将中间的空格去掉，这样FF和IE就一致了，由于FF在有空格和没空格的情况下表现一样（都是true），因此又想当然的认为 是浏览器兼容性问题，于是问了levil和coddykilly，原来中间有空格即使后面是一个过滤器不是一个选择器，获取的元素也是子元素，因为我没有把length打印出来，所以错误的理解不管加不加空格应该都是select本身，那为什么IE下select的visible元素是0，而FF下是他的option呢？FF和IE一样都能“看见 ”选项啊，旋即又求助于G大叔，原来是万恶的IE 不支持“display:none"的属性，即使jQ是跨浏览器的，但是对于浏览器的这种比较”二 “的”标准 “也无能为力啊。

评论

2 楼 silentime 2011-03-18  

to博导， 嗯？

1 楼 loserwn 2011-03-18  

visible:hidden
存在类似问题么？