document.getElementById("").style和$("").css(name,value)方法的区别？

　今天在开发中遇到了一个问题，就是有这样的一个函数，其功能为当用户点击一个按钮时，调用本函数，函数先显示一个等待的DIV，然后异步请求一个页面，当请求返回后，再设置等待DIV不可见。函数内容如下：

1 function receiveEmail()

2 {

3

4 document.getElementById("divWaitting").style.visibility = "visible";

5 $.get("page.aspx", ,

6 function(data){

7 document.getElementById("divWaitting").style.visibility = "hidden";

8 window.frames["ifrComposeGraphSign"].document.location.replace(window.frames["ifrComposeGraphSign"].document.location);

9

}

上面的函数可以完成功能。但是如果将第3行和第7行的代码转换成$("divWaitting").css("visibility", "visiable")和$("divWaitting").css("visibility", "hidden")后，函数就不能完成工作，具体表现为等待DIV不受控制。谁能给解释一下啊？