Jquery设置style:display的方法

在实际项目开发中，我在进行页面元素显隐曾遇到一个问题，就是使用了$(\'#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\');

当然了，其他的样式也可以用以上方式进行控制。