关于jQuery.template的学习总结

最新推荐文章于 2022-03-09 19:42:33 发布

A_Java_Engineer_

最新推荐文章于 2022-03-09 19:42:33 发布

阅读量575

点赞数

分类专栏： jQuery.tmpl 文章标签： jQuery.template.js jQuery.template包下载

jQuery.tmpl 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

（一）emplate的引用

引入jquery.js和jquery.tmpl.js两个包。jquery.tmpl.js包的下载地址：http://justcode.ikeepstudying.com/wp-content/uploads/2016/08/jquery-tmpl-master.zip。把包引入项目中（直接在你的WebContent目录下建scripts文件夹，把下载的压缩包解压，把jquery.tmpl.js包拷贝到目录下），引包的方法不在赘述，不会的直接百度js如何引包。

（二）实例

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/jquery.tmpl.js" type="text/javascript"></script>
<script id="each" type="text/x-jquery-tmpl">
        <tr><td>ID:{{= ID}}</td><td>Name:{{= Name}}</td></tr>
</script>
<script type="text/javascript">
   $(function(){
       var userLangs = [
                          {
                           ID: 'think8848', Name: 'Joseph Chan'
                           },
                          {
                               ID: 'aCloud', Name: 'Mary Cheung'
                           }];
                             //模板   绑定    数据      添加到   指定的div或者是容器里面
                           $('#each').tmpl(userLangs).appendTo('#eachList');
   });
</script>
</head>
<body>
   <table id="eachList" border="1px;"></table>
</body>
</html>