同步(Synchronous)和异步(Asynchronous)。
"同步模式"就是上一段的模式,后一个任务等待前一个任务结束,然后再执行,程序的执行顺序与任务的排列顺序是一致的、同步的;
"异步模式"则完全不同,每一个任务有一个或多个回调函数(callback),前一个任务结束后,不是执行后一个任务,而是执行回调函数,后一个任务则是不等前一个任务结束就执行,所以程序的执行顺序与任务的排列顺序是不一致的、异步的。
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
jQuery
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<script>
function myFunction() {
$("#h01").attr("style", "color:red").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
<h1 id="h01"></h1>
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$("button").click(function(){
$("p").hide(1000);
alert("The paragraph is now hidden");
});
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
https://learn.jquery.com/about-jquery/how-jquery-works/
"同步模式"就是上一段的模式,后一个任务等待前一个任务结束,然后再执行,程序的执行顺序与任务的排列顺序是一致的、同步的;
"异步模式"则完全不同,每一个任务有一个或多个回调函数(callback),前一个任务结束后,不是执行后一个任务,而是执行回调函数,后一个任务则是不等前一个任务结束就执行,所以程序的执行顺序与任务的排列顺序是不一致的、异步的。
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
jQuery
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
<script>
function myFunction() {
$("#h01").attr("style", "color:red").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
<h1 id="h01"></h1>
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Example with Callback
$("button").click(function(){
$("p").hide("slow", function(){
alert("The paragraph is now hidden");
});
});
$("p").hide("slow", function(){
alert("The paragraph is now hidden");
});
});
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Example without Callback
$("p").hide(1000);
alert("The paragraph is now hidden");
});
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
https://learn.jquery.com/about-jquery/how-jquery-works/
沒有留言:
張貼留言