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

當然了，其他的樣式也可以用以上方式進行控制。