jquery.teml()小例子
2016-06-03 16:13
465 查看
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/javascript" src="../resource/js/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="../resource/js/jquery.tmpl.min.js"></script> <script type="text/x-jquery-tmpl" id="template1" > <div> ${'${'}username}: ${'${'}password}</div> </script> <script type="text/javascript" > $(document).ready(function(){ var obj = {"username": "aaa", "password": "bbb"}; $("#a").html($("#template1").tmpl(obj)); }); </script> </head> <body> <div id="a" ></div> </body> </html>注意:引用js就行了
相关文章推荐
- jQuery深入之源码解析(二)——自调用匿名函数
- jquery固定表头和列头
- JQuery中ajax处理跨域的三大方式
- jQuery .tmpl(), .template()学习
- 亲测!Jquery2.0不支持IE8-了
- jquery模板jquery.tmpl.js使用教程
- Jquery根据name取得所有选中的Checkbox值
- jQuery深入之源码解析(一)
- JQuery 复制粘贴上传图片插件(textarea 和 tinyMCE)
- jquery获取div下标签
- jquery 获取元素下的子元素
- jquery AJAX 完整写法
- jQuery-属性设置
- 10款jQuery文本高亮插件
- jQuery 跨域访问
- jQuery中的事件和动画学习笔记
- Jquery-zTree的基本用法
- jquery tmpl 详解
- jQuery树结构插件推荐zTree
- 10款jQuery文本高亮插件