$().ready(…) ;
更進一步的,基於 ready() 方法會被自動呼叫,你甚至可以直接將調用的方法整個省略,得到最省略的寫法:
$(…) ;
考慮以下的範例畫面:
網頁上有三行文字訊息,分別調用 ready() ,將其配置於不同背景顏色的標籤所構成的區塊中,而訊息的內容表示 ready() 的調用語法。配置以下三個標籤,並設定不同的背景顏色以方便示範說明:
接下來撰寫示範 ready() 調用方式的程式碼:
其中調用了三次 ready() 方法,第一次是完整的典型寫法,第二次則省略了 document 物件,第三次甚至省略了整個 ready() 方法名稱,讓 jQuery 進行 ready() 的隱含呼叫直接執行其中的 function 內容。
<body>
<p style="background-color:black;color:white;" id="msg0"></p>
<p style="background-color:gray;color:white;" id="msg1"></p>
<p style="background-color:silver;color:white;" id="msg2"></p>
</body>
接下來撰寫示範 ready() 調用方式的程式碼:
<script>
$(document).ready(function () {
$('#msg0').html('Hello $(document).ready() !');
});
$().ready(function () {
$('#msg1').html('Hello $().ready() !');
});
$(function () {
$('#msg2').html('Hello $() !');
});
</script>
其中調用了三次 ready() 方法,第一次是完整的典型寫法,第二次則省略了 document 物件,第三次甚至省略了整個 ready() 方法名稱,讓 jQuery 進行 ready() 的隱含呼叫直接執行其中的 function 內容。
沒有留言:
張貼留言