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

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

function receiveEmail()
2 }

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