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 
10 }

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