jQuery JST（jQuery Simple Templates）是一款非常方便的jQuery模板引擎，可以幫助我們更輕松地實現頁面數據渲染功能。而jQuery JST with則是jQuery JST的一個擴展，可以讓我們更方便地處理數據嵌套問題。

// 示例數據
var userInfo = {
name: "張三",
age: 28,
address: {
province: "廣東",
city: "深圳",
district: "南山區"
}
};
// 基本模板
var tpl = '
\
姓名：${name}
\
年齡：${age}
\
地址：${address.province} ${address.city} ${address.district}
\
';
// 渲染模板
var render = $.templates(tpl);
var html = render(userInfo);
// 將渲染結果插入到頁面中
$("#content").html(html);

在使用jQuery JST時，我們可以通過${prop}語法來引用對象的屬性值。但是在處理對象嵌套時，${address.province}這樣的寫法會顯得有些累贅。而jQuery JST with則可以讓我們更方便地處理這種情況。

// 嵌套模板
var tplNested = '
\
省份：{{:province}}
\
城市：{{:city}}
\
區縣：{{:district}}
\
';
// 基本模板
var tplWith = '
\
姓名：${name}
\
年齡：${age}
\
{{with address tmpl="tplNested"}}\
{{/with}}\
';
// 渲染模板
var renderWith = $.templates(tplWith);
var htmlWith = renderWith(userInfo);
// 將渲染結果插入到頁面中
$("#contentWith").html(htmlWith);

在使用jQuery JST with時，我們可以通過{{with prop tmpl="tplName"}}語法來引用嵌套的模板，并且可以使用{{:prop}}語法來引用當前對象的屬性值。使用jQuery JST with可以讓我們更方便地處理對象嵌套問題，提高頁面渲染效率。