JQuery是一種廣泛使用的JavaScript庫,可以輕松地進行DOM操作、事件處理、動畫效果等。load()方法是其中的一個非常實用的功能,主要用于在AJAX加載時插入文本內容。
有時候我們需要在網站上看到一些用戶友好的交互,在加載長時間的AJAX請求時,通常會添加一個“載入”圖像來表示進程。這種載入動畫可以讓用戶知道頁面正在加載中,而不是被凍結了。在這種情況下,load()方法就非常有用了。
$(document).ready(function(){ $('#loadingDiv') .hide() //先隱藏掉載入動畫 .ajaxStart(function() { $(this).show(); //當Ajax請求開始時,顯示載入動畫 }) .ajaxStop(function() { $(this).hide(); //一旦請求完畢就關閉載入動畫 }); });
上面這個代碼片段展示了如何使用jQuery的load()方法實現網站動畫載入效果。在這段代碼中,我們首先在dom ready事件觸發時隱藏掉一個id為“loadingDiv”的載入動畫DIV。而后使用jQuery的ajaxStart()和ajaxStop()方法來控制載入動畫的顯示和隱藏。無論是通過load()方法加載HTML文本或者是通過$.get()和$.post()方法來發送Ajax數據,都會觸發這兩個事件。
上一篇給css動畫延遲執行
下一篇jquery ip代理