jquery tmpl 模板

jQuery.tmpl.js


网址如下:

http://api.jquery.com/category/plugins/templates/


实例

<html>
<head>
    <title>jquery tmpl</title>
    <script type="text/javascript" src="jquery-1.7.2.js" ></script>
    <script type="text/javascript" src="jquery.tmpl.js" ></script>
</head>
<body>
    <ul id="list">
    </ul>

    <script type="text/javascript">

//数据
        var
movies = [
            { Name:"red", rel:"1998"},
            { Name:"wide", rel:"1994"},
            { Name:"blue", rel:"1997"}
        ];

//模板结构
        var
markup = "<li><b>${Name}</b> (${rel})</li>";

//生成模板
        $.template("movieTemplate",
markup);

//模板绑定数据
        $.tmpl("movieTemplate",
movies)

.appendTo("#list");
    </script>
</body>
</html>

你可能感兴趣的:(jquery tmpl 模板)