2015年6月4日 星期四

function javascript / jquery / call back function

同步(Synchronous)和异步(Asynchronous)。

"同步模式"就是上一段的模式,后一个任务等待前一个任务结束,然后再执行,程序的执行顺序与任务的排列顺序是一致的、同步的;
"异步模式"则完全不同,每一个任务有一个或多个回调函数(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");
    });
});

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


Example without Callback


$("button").click(function(){
    $("p").hide(1000);
    alert("The paragraph is now hidden");
});

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


https://learn.jquery.com/about-jquery/how-jquery-works/




沒有留言:

張貼留言