1. 程式人生 > >jquery論callback事件發生與並列事件發生的區別

jquery論callback事件發生與並列事件發生的區別

區別 隱藏 ide 發生 click call .com doctype charset

不用callback:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide(1000);
    alert("現在段落被隱藏了");//事件並列,先後發生的順序不明確
  });
});
</script> </head> <body> <button>隱藏</button> <p>這是一個段落,內容很少</p> </body> </html>

用callback:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $(
"button").click(function(){ $("p").hide("slow",function(){ alert("段落現在被隱藏了");//先隱藏後彈窗,有確定先後關系 }); }); }); </script> </head> <body> <button>隱藏</button> <p>我們段落內容,點擊“隱藏”按鈕我就會消失</p> </body> </html>

jquery論callback事件發生與並列事件發生的區別