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碰到动画之类效果的时候是抛给别的线程执行的，它自身不执行渲染之类的效果，所以它就立即执行后面的代码。
------解决方案--------------------
jquery的动画实际上是用setTimeout()实现的。
而setTimeout()就相当于抛出个新的线程。
你可以把setTimeout()当成一个定时自动触发的事件