jQuery Template的用法

Javascript代码中不要包含HTML：

var div = document.getElementById("my-div");
div.innerHTML = "<h3>Error</h3><p>Invalid e-mail address.</p>";

在Javascript代码中完全隔绝HTML很难，这一点可以根据实际情况来权衡使用。Javascript 模版技术就是一种有效隔离HTML和Javascript代码的手段，如下是jQuery Template的用法：

// HTML<script id="bookTemplate" type="text/x-jQuery-tmpl">  <div>      <img src="BookPictures/${picture}" alt="" />      <h2>${title}</h2>      price: ${formatPrice(price)}  </div></script>// Javascript// Create an array of booksvar books = [{ title: "ASP.NET 4 Unleashed", price: 37.79, picture: "AspNet4Unleashed.jpg" }];// Render the books using the template$("#bookTemplate").tmpl(books).appendTo("#bookContainer");
function formatPrice(price) {      return "$" + price.toFixed(2);
}

转载于:https://blog.51cto.com/7458566/1548007

jQuery Template的用法相关推荐

jQuery 表单验证插件，jQuery Validation Engine用法详解
jQuery 表单验证插件,jQuery Validation Engine用法详解功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身 ...
jquery中cookie用法实例详解(获取,存储,删除等)
这篇文章主要介绍了jquery中cookie用法,结合实例详细分析了jQuery操作cookie的获取,存储,删除等操作,并附带了Jquery操作Cookie记录用户查询过信息实现方法,需要的朋友可以 ...
jquery load 事件用法
jquery load 事件用法如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像.如果绑定在元素上,则当元素的内容加载完毕后触发. 注意:只有当在这个元素完全加载完之 ...
jQuery包裹节点用法完整示例
本文实例讲述了jQuery包裹节点用法.分享给大家供大家参考,具体如下: <html> <head> <meta http-equiv="Content-Typ ...
jQuery入门简单用法
刚入门jquery不知从何下手的小伙伴们,可以给你们一些微薄的技术整理,这也是我的第一篇博客,有不对的请多指教也希望和我一样懵懂的,祝你们有发可脱好了,下面进入正题: 1.什么是jQuery ...
jQuery Promise 的用法
jQuery Promise 的用法例子 $.when 参考资料 jQuery封装的很好了,傻瓜式调用即可. 例子 // 返回一个 promise 对象.其实 $.get 返回的就是 promise ...
template 的用法
正在看C++primer里的template的用法,偏巧逛CSDN的时候又看到一张帖子讲得很详细,就转过来,留着以后温习用. -- template 的用法在程序设计当中经常会出现使用同种数据结构 ...
vue template html属性,详解template标签用法(含vue中的用法总结)
一.html5中的template标签 html中的template标签中的内容在页面中不会显示.但是在后台查看页面DOM结构存在template标签.这是因为template标签天生不可见,它设置了 ...
template标签用法（含vue-template的用法）
template标签用法(含vue) 1.h5中的template标签 html中的template标签中的内容在页面中不会显示.但是在后台查看页面DOM结构存在template标签.这是因为temp ...

jQuery Template的用法

jQuery Template的用法相关推荐

最新文章

热门文章