jQuery load 模板是一種常用的前端技術(shù)，它可以快速地將外部的 HTML 文件或部分 HTML 文件中的內(nèi)容加載到當(dāng)前頁面的 DOM 中。

jQuery load() 函數(shù)的語法如下：

$(selector).load(URL,data,callback);

其中：

• URL：必需，規(guī)定要加載的 URL 地址。
• data：可選，規(guī)定要發(fā)送到服務(wù)器的數(shù)據(jù)。
• callback：可選，加載完成后的回調(diào)函數(shù)。

除了可以加載外部文件外，還可以使用 load() 函數(shù)來快速地加載模板。在模板中，我們可以使用占位符或變量來表示需要替換的內(nèi)容，然后在 load() 函數(shù)中通過 data 參數(shù)將實際的數(shù)據(jù)傳遞給模板。

以下是一個簡單的 jQuery load 模板的示例：

<div id="template"><h1>歡迎 {{username}}</h1><p>您的賬戶余額為 {{balance}} 元。</p></div><script>var data = {username: '張三', balance: 100};
$('#container').load('template.html #template', data);
</script><div id="container"></div>

在這個示例中，我們定義了一個模板，它包含了兩個占位符：{{username}} 和 {{balance}}。然后我們通過 load() 函數(shù)來加載模板，并將實際的數(shù)據(jù)傳遞給了 data 參數(shù)。

當(dāng)模板加載完成后，在 DOM 中顯示的內(nèi)容將會是：

<div id="container"><h1>歡迎 張三</h1><p>您的賬戶余額為 100 元。</p></div>

這樣，我們就成功地使用了 jQuery load 模板來快速地生成頁面上的內(nèi)容。