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

[Opera_mini]

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

[魔术世界中文版]

因为你的 (document).ready(function() { 没加$符号 改成$(document).ready(function() {

[bbjbepzz]

setTimeout(function(){ alert(111); },2000); alert(222); 你觉得结果是 111 222 还是 222 111

[Opera_mini]

引用 1 楼 z284122755 的回复:

因为你的 (document).ready(function() { 没加$符号 改成$(document).ready(function() {

忘加了。问题一样。

[Opera_mini]

引用 2 楼 bbjbepzz 的回复:

setTimeout(function(){ alert(111); },2000); alert(222); 你觉得结果是 111 222 还是 222 111

那hide()方法这种动画效果是js渲染的吗？还是给别的线程渲染。

[碧海情天-赵亮]

别脱离了原生JS的知识，更不要随便把任何语法（哪怕是JS库的函数使用方法）按自己的意思去想像。 学习首先必须是服从，然后才能自由。

[Opera_mini]

引用 5 楼 theforever 的回复:

别脱离了原生JS的知识，更不要随便把任何语法（哪怕是JS库的函数使用方法）按自己的意思去想像。 学习首先必须是服从，然后才能自由。

真无语，我只想搞明白是什么机制，给我来一句这种话，你牛，行了吧。

[bbjbepzz]

引用 4 楼 Opera_mini 的回复:

引用 2 楼 bbjbepzz 的回复:setTimeout(function(){ alert(111); },2000); alert(222); 你觉得结果是 111 222 还是 222 111那hide()方法这种动画效果是js渲染的吗？还是给别的线程渲染。

JS是单线程的，如果你想看下hide是怎么执行的，你可以用浏览器调试一下，设置一个断点，然后跟踪进jQuery源码里面看

[天际的海浪]

引用 6 楼 Opera_mini 的回复:

引用 5 楼 theforever 的回复: 别脱离了原生JS的知识，更不要随便把任何语法（哪怕是JS库的函数使用方法）按自己的意思去想像。 学习首先必须是服从，然后才能自由。真无语，我只想搞明白是什么机制，给我来一句这种话，你牛，行了吧。

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

[Opera_mini]

引用 7 楼 bbjbepzz 的回复:

引用 4 楼 Opera_mini 的回复:引用 2 楼 bbjbepzz 的回复:setTimeout(function(){ alert(111); },2000); alert(222); 你觉得结果是 111 222 还是 222 111那hide()方法这种动画效果是js渲染的吗？还是给别的线程渲染。 JS是单线程的，如果你想看下hide是怎……

你再看看这段代码，

<script type="text/javascript">
		function jisuan() {
			var i;
			for(i = 1; i<100000; i++)
			{
				var b = 1;
				b += i;
				document.write(b + "<br />");
			}
			alert("hahah");
		}
		jisuan();
		alert("what");
    </script>

最后的结果是先显示hahah，再显示what。应用在hide()上的话，不应该是hide的动画先显示完吗？再处理后面的语句吗？

[天际的海浪]

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

[Opera_mini]

引用 8 楼 jslang 的回复:

引用 6 楼 Opera_mini 的回复:引用 5 楼 theforever 的回复: 别脱离了原生JS的知识，更不要随便把任何语法（哪怕是JS库的函数使用方法）按自己的意思去想像。 学习首先必须是服从，然后才能自由。真无语，我只想搞明白是什么机制，给我来一句这种话，你牛，行了吧。 jquery的动画实际上是用setTimeout()实现的。 而setTimeo……

嗯。看了这么多答案，你这个才算真正说得通。有时候感觉很多程序员很悲剧，教程怎么教，就怎么用，就算突然某种方法的逻辑跟平常不一样，还是照样用，从不想想为什么。完全没有独立思考，不知道是不是自己钻牛角尖。哎。

[FISHBONE]

这个问题也困扰我很久。现在还不是很清楚。

[heyulin0416]

$(selector).hide(speed,callback); 由于 JavaScript 语句（指令）是逐一执行的 - 按照次序，动画之后的语句可能会产生错误或页面冲突，因为动画还没有完成。 为了避免这个情况，您可以以参数的形式添加 Callback 函数。