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

Question

<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碰到动画之类效果的时候是抛给别的线程执行的，它自身不执行渲染之类的效果，所以它就立即执行后面的代码。

Answer 1

jquery的hide()方法的定义和用法：如果被选的元素已被显示，则隐藏该元素。实例：隐藏可见的 <p> 元素：123$(".btn1").click(function(){&nbsp;&nbsp;$("p").hide();});语法：1$(selector).hide(speed,callback)&nbsp;&nbsp;

Answer 2

看错了. 你说的是对的JavaScript 语句（指令）是逐一执行的 - 按照次序的。但方法的执行和效果的显示是可能出现不同步的。出现你这个问题，是因为方法执行了，但效果还没有完成，就执行了alert方法。这也是为什么hide，要定义callback方法的意义。

Answer 3

不是$("div").hide(2000); 先执行完再执行下面的。如果效果都连在同一个jquery语句中，是可先执行完一动作，再另一动作。如$("div").hide(2000).show(2000).(其它的事件等操作);这样，后面的动作会依次执行。前面执行完后再后面的。

Answer 4

$("div").hide(2000);alert("Hello JavaScript");JS引擎确实是单线程，settimeout也只是模拟出一个假象。就上两行代码是不同步的这和单线程没关系。