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是跨浏览器的,但是对于浏览器的这种比较” “的”标准 “也无能为力啊。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值