在实际项目开发中，我在进行页面元素显隐曾遇到一个问题，就是使用了$(\'#id).attr(\'style\',\'display:block\');的方式进行显示，结果导致控件上配置的其他样式被覆盖，所以对显隐的问题进行了总结，我们在使用时要注意。
1、不覆盖控件原有的其他样式基础上进行显示和隐藏控制用如下方法：
显示：
$(\'#id).css(\'display\',\'block\');
<==>$(\'#id)[0].style.display=\'block\';
<==>$(\'#id).show();
隐藏：
$(\'#id).css(\'display\',\'none\');
<==>$(\'#id)[0].style.display=\'none\';
<==>$(\'#id).hide();
2、覆盖控件原有的其他样式基础上进行显示和隐藏控制用如下方法：
显示：
$(\'#username\').attr(\'style\',\'display:block\');
隐藏：
$(\'#username\').attr(\'style\',\'display:none\');
当然了，其他的样式也可以用以上方式进行控制。