jQuery针峰相对IE6

以下是个人在使用jQuery在开发时，与ie6有关的bug

 

1：关于select下拉框的动态赋值并选中其中某一项

在ie6中，如果你动态给select赋值并选中时，如下代码：

$('#selectId').empty().html('<option value="001">collonn</option><option value="002">joanna</option>').val('002')

alert('following');

这样写，最终的结果是：

（1）会选中valu='002'的选项，但ie6会报错(浏览器左下角会出现一个黄色报警)

（2）alert('following')这一行是不会执行的，并且，这一行以下的所有js都不会执行

 

解决方法：

应该这样写：

$('#selectId').empty().html('<option value="001">collonn</option><option value="002">joanna</option>');

setTimeout(function(){

   $('#selectId').val('002');

},10);

问题解决，但不知道根本原因，可能是ie6还没有来得及给select做必要的处理吧

 

2：关于table的显示与隐藏样式

如果隐藏就用：$('#table').css('display','none');

如果显示就用：$('#table').css('display',''); 为空白就行

如果用('display','block')，IE7=6正常，但firefox有问题。

如果用('display','table')或着('display','table-row')或着('display','table-cell')，IE6就会有问题，firefox正常