jQuery的load()方法是一種用于加載HTML數據的簡單方法。該方法可以從服務器加載數據,并將其插入到指定的HTML元素中,而無需刷新整個頁面。
$(document).ready(function(){ $("button").click(function(){ $("#div1").load("demo_test.txt"); }); });
在上述代碼中,當按鈕被點擊時,將加載demo_test.txt文件中的內容,并將其插入id為div1的元素中。在這種情況下,demo_test.txt文件可以是HTML、PHP、ASP等類型,因為該方法可以加載多種文件類型的數據。
load()方法還可以使用回調函數,以便在加載完成后執行一些操作。下面是一個使用回調函數的示例:
$(document).ready(function(){ $("button").click(function(){ $("#div1").load("demo_test.txt", function(){ alert("數據加載完成!"); }); }); });
在上述代碼中,當數據加載完成后,將彈出一個提示框,告知用戶數據已經加載完畢。在使用load()方法時,還可以通過添加選擇器來只加載HTML頁面中的特定部分。例如:
$("#div1").load("demo_test.txt #p1");
在上述代碼中,僅在#p1元素中查找并加載demo_test.txt中的數據。
總之,jQuery的load()方法是一個強大的工具,它可以幫助您輕松地從服務器加載HTML數據,并將其插入到頁面中。此外,使用load()方法的回調函數和選擇器功能,可以使加載數據的過程更加智能化和精確。
上一篇網頁中的css和div
下一篇css內嵌式水平居中