jQuery.load()是一個非常有用的函數,可以讓我們輕松地將HTML內容加載到當前頁面中。這個函數有多種用法,可以在頁面中動態地添加內容、從服務器加載數據等等。下面我們來看一下如何使用jQuery.load()函數來讀取HTML內容。
$(document).ready(function(){
$("#target-div").load("test.html");
});
代碼中,我們首先使用了ready()函數來確保文檔加載完成后再執行代碼。然后,我們通過jQuery選擇器選中了一個div元素,并使用load()函數將test.html頁面中的內容加載進來。這樣一來,test.html頁面中的所有內容都將出現在我們選中的div元素中。
除了上述使用方法之外,jQuery.load()函數還有一些其他的常用用法,例如:
// 從服務器加載HTML內容
$("#target-div").load("http://www.example.com");
// 加載部分HTML內容
$("#target-div").load("test.html #header");
// 加載HTML內容后執行回調函數
$("#target-div").load("test.html", function(){
alert("內容已經加載完成!");
});
在上面的代碼中,我們展示了從服務器加載HTML內容、加載部分HTML內容以及加載HTML內容后執行回調函數等使用方法。使用jQuery.load()函數可以讓我們輕松地在頁面中添加、修改或刪除HTML內容,是非常方便的一種工具。