1.定义模板(在静态页面中定义,也可在js中定义)
<ul class='ulCon'>
<li class='s125 f12' qId='{{= id}}'>{{= id}}</li>
<li class='one f12 questionName' title='{{= title}}' qTitle='{{= title}}'>
<a href='javascript:viewWindow({{= id}});' method='previewQuestion()'>{{= title}}</a>
</li>
<li class='s145 f12' qQuesType='{{ = quesType}}'>{{= quesTypeStr}}</li>
<li class='s125 f12' qUpdateTime='{{= updateTime}}'>{{= updateTimeStr}}</li>
<li class='six'>
{{if getNodeType()==3}}
<a href='javascript:;' method='delAbsoluteQuestion'>彻底删除</a>
<a href='javascript:;' method='recoverQuestion'>恢复</a>
{{else getNodeType()==2}}
<a href='javascript:addWindow({{= id}})' >修改</a>
<a href='javascript:;' method='delQuestion'>删除</a>
<a href='javascript:;' method='mvQuestion'>移至</a></li>
{{else}}
<a href='javascript:addWindow({{= id}})' >修改</a>
<a href='javascript:;' method='delQuestion'>删除</a>
{{/if}}
<div class='clear'></div>
</ul>
</script>
2.数据渲染模板,用选择器插入
$("#questionListTmpl").tmpl(questionList).insertAfter(".ulTit");
3.目标位置
<div>
<ul class="ulTit">
<li class="s125">题目编号</li>
<li class="one">题目名称</li>
<li class="s145">题目类型</li>
<li class="s125">创建时间</li>
<li class="six">操作</li>
</ul>
</div>
4.五种插入方式
appendTo: "append",
prependTo: "prepend",
insertBefore: "before",
insertAfter: "after",
replaceAll: "replaceWith"
分享到:
相关推荐
《jQuery tmpl.min.js:浏览器兼容性之王》 在网页开发中,JavaScript库jQuery一直以其易用性和广泛的浏览器兼容性而备受青睐。然而,仅靠jQuery本身并不能满足所有复杂的动态数据展示需求,这就是jQuery插件jQuery...
《jQuery tmpl:强大的JavaScript模板引擎解析》 在前端开发中,数据绑定和动态渲染是常见的需求,jQuery tmpl作为一款强大的JavaScript模板引擎,为开发者提供了高效、简洁的解决方案。本文将深入探讨jQuery tmpl...
《jQuery tmpl.js 模板引擎详解及应用》 在Web开发中,模板引擎是一种非常重要的工具,它允许开发者将数据和HTML结构分离,提高代码的可读性和复用性。jQuery tmpl.js是jQuery的一个插件,它提供了一种简单而强大的...
### jQuery tmpl简介 jQuery tmpl是jQuery生态系统中的一个插件,它提供了一种简洁的方式来动态渲染HTML模板,通过将数据与HTML结构结合,可以创建出富有表现力的用户界面。它的语法简洁明了,使得开发者能够快速地...
《jQuery tmpl.js 使用详解与实例解析》 在Web开发中,模板引擎是处理动态数据与HTML结合的关键工具,jQuery tmpl.js就是这样一款轻量级、高效的模板插件,它允许开发者将数据逻辑与页面展示分离,使得代码更加清晰...
jquery.tmpl.js jquery.tmpl.js jquery.tmpl.js
本文将通过实例讲解的方式来介绍如何使用jquery tmpl模板,以及相关的关键点。 ### jQuery tmpl模板的基本概念 在开始实例之前,我们先来理解几个关键概念: - **模板(Template)**:模板是预先定义好的HTML结构...
jQuery tmpl通过`<script>`标签来定义模板,通常设置`type`属性为`text/x-jquery-tmpl`。例如: ```html <script type="text/x-jquery-tmpl" id="userListTpl"> ${Name} ${Email} ``` 这里的`id`属性用于...
《jQuery-Tmpl:深入解析与应用》 在前端开发领域,jQuery库的广泛使用使得JavaScript操作DOM变得简单易行。然而,随着Web应用复杂性的提升,对于数据绑定和模板渲染的需求日益增强,jQuery-Tmpl应运而生。本文将...
jQuery Tmpl通过提供模板语言,让开发者能够以更简单、直观的方式构建和维护模板,同时支持一定程度的逻辑判断,提高代码的可读性和复用性。 jQuery Tmpl的使用主要包括以下几个方面: 1. **模板位置**:模板代码...
在jQuery中,虽然没有内置的模板引擎,但可以借助第三方库如Mustache、Handlebars或jQuery自己的插件如jQuery tmpl来实现。这些模板引擎支持各种模板语法,使开发者能够灵活地设计和渲染数据。 **四、使用jQuery...
添加的版本:1.4.3 jQuery.tmpl(template [,data] [,options]) template用作模板的HTML标记或文本。 数据的数据呈现。这可以是任何JavaScript类型,包括Array或Object。 options用户定义的键/值对的可...
而`.tmpl()`和`.template()`是jQuery UI中的两个重要功能,用于模板引擎,帮助开发者构建动态数据驱动的用户界面。这篇综合指南将深入探讨这两个方法的用法和原理,以帮助你更好地理解和应用它们。 首先,我们来...
jQuery社区提供了丰富的插件,包括数据渲染插件,如jQuery tmpl。例如,使用jQuery tmpl: ```html <script type="text/x-jquery-tmpl"> {{each items}} ${name} {{/each}} ``` ```javascript $.tmpl($("#...
【jQuery.tmpl 插件与动态Ajax扩展】 jQuery.tmpl 是一个强大的JavaScript模板引擎,它允许开发者将HTML模板与数据绑定,从而简化DOM操作和页面渲染。在上一篇文章中我们已经探讨了jQuery.tmpl的基本用法,但在实际...