$().ready()函數
$(document).ready(function(){
/* 執行函數 */
});
此函數是window.onload
的替代函數。通過
$(document).ready()
您可以加載多個函數。
在JavaScript中有一些操作是需要頁面加載完成時纔可以做的,比如您要隱藏ID時的內容,那麼就需要在頁面的所有代碼已經下載完畢時或者JavaScirpt的DOM樹建立時再進行隱藏,這樣才能保證JS的ID選擇器可以找到那個ID。window.onload就是爲這種情況而生。把您的函數延遲到頁面加載完成纔會執行。
我們可以來看一個例子:
<script
type='text/javascript'>
alert($('test').html());
<script>
<div
id='test'>麻利麻利哄</div>
很顯然上面的代碼沒有執行成功…… 什麼也沒有彈出來。
$('test').html();
先於ID執行,因此不會發生作用,因爲加載
$('test').html();
還沒有加載到<div
id='test'>麻利麻利哄</div>
那麼我們把它包含到$().ready函數中嘗試一下。
<script
type='text/javascript'>
$(document).ready(function(){
alert($('test').html());
});
<script>
<div
id='test'>麻利麻利哄</div>
使用 $(document).ready() 函數之後就可以成功執行。