jquery論callback事件發生與並列事件發生的區別
阿新 • • 發佈:2018-01-21
區別 隱藏 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事件發生與並列事件發生的區別