jquery的hide()方法的动画效果有关问题

jquery的hide()方法的动画效果问题?
<script type="text/javascript">
(document).ready(function() {
    $("button").click(function() {
        $("div").hide(2000,function() {
            alert("Hello JavaScript"); 
        });
    });
});
</script>
上面代码的效果是以两秒的效果隐藏div后,再执行回调函数,弹出”Hello JavaScript“,那下面这段代码为什么不行?
<script type="text/javascript">
(document).ready(function() {
    $("button").click(function() {
        $("div").hide(2000);
            alert("Hello JavaScript");
    });
});
</script>
JS不是单线程吗? $("div").hide(2000);和 alert("Hello JavaScript");不应是前者执行完了,后者再执行吗?为什么前者的动画效果还没执行完,就执行后面的代码,难道是JS碰到动画之类效果的时候是抛给别的线程执行的,它自身不执行渲染之类的效果,所以它就立即执行后面的代码。
JavaScript jQuery

------解决方案--------------------
jquery的动画实际上是用setTimeout()实现的。
而setTimeout()就相当于抛出个新的线程。
你可以把setTimeout()当成一个定时自动触发的事件