$(document).ready(function()

$().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() 函數之後就可以成功執行。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章