html页面元素的显示问题

今天在做一个后台页面的时候碰到一个很初级的velocity标签显示问题，在这里简单谈一下，希望能帮到和我一样前端的知识比较薄弱的人。

问题：有些情况需要调用js里的方法来动态实现标签的显示和隐藏，例如，通过点击按钮来隐藏一个div标签，而原本这个div在页面里是显示的。

<div id="div1" class="link">

<span>*</span>

</div>

如果是通过js来实现隐藏，可以用下面的代码：

function test(){

$('#div1').hide();//调用jquery对象的hide()方法，显示是show()

}

看到网上一些人在js里用下面的方式：

$('#div1').style.display='none';

这种方式并不行，因为在js里$('#div1')取到的是一个jquery对象，而不是一个document对象。如果在vm里隐藏一个元素，可以通过设置display属性来实现

<div id="div1" class="link" style="display:none">