隐藏

$('#test').hide();


var t = document.getElementById('test');
t.style.display = 'none';

显示

$('#test').show();


t.style.display = 'block';

显示和隐藏DOM

隐藏DOM: css display:none 显示DOM: 就需要恢复原有的 display属性. 这就要先 记下原来的 display属性到底是 block 还是 inline 还是…… 有点麻烦!

由于 显示隐藏DOM操作非常普遍, jquery 直接提供了 show() hide() 我们不用关心它是如何修改display属性的,总之它能正常工作:

var a = $('a[target=_blank]');
a.hide(); // 隐藏
a.show(); // 显示