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');

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