# jquery-ptemplatejs **Repository Path**: ereddate2017/jquery-ptemplatejs ## Basic Information - **Project Name**: jquery-ptemplatejs - **Description**: jquery的pTemplateJs插件 - **Primary Language**: JavaScript - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2017-07-26 - **Last Updated**: 2022-01-14 ## Categories & Tags **Categories**: jquery-plugins **Tags**: None ## README #jquery-ptemplatejs jquery的pTemplateJs插件 # 例子 ```

{{title}}

{{title}} {{title}}1
jQuery.router({ "/test": function(e, args){ console.log(args) } }).renderDom("test", { title: "test", handle: { handleAClick: function(e) { e.preventDefault(); console.log(e) jQuery.updateDom("test", { title: "test_" + 1 }) }, handleInputChange: function(e) { jQuery.updateDom("test", { title: this.value }) } } }, function() { console.log("end") }); ``` # 方法及说明 ``` $.renderDom 渲染标签 $.updateDom 更新标签 $.createTemplate 创建模板 $.cloneTemplate 克隆模板 $.router 路由 $.tmplattr 模板伪类属性库,可以使用$.extend扩展 $.routers 路由库,可以使用$.extend扩展 $.tmpl 模板赋值 $.createDom 创建标签 $.setBaseFontSize 设置页面默认字体大小 ``` # 使用 ``` $.renderDom( selector, 模板名 data, 数据 parent, 插入的父标签,不添加将渲染模板标签自身 callback) 回调 $.updateDom( selector, 模板名称 data, 数据 callback) 回调 $.cloneTemplate( name1, 原模板名称 name2) 新模板名称 $.createTemplate( selector 模板名称 ) $.router( args 路由对象或路由地址 ) $.createDom( tagName, 标签TAGNAME attrs, 标签属性对象 children) 子节点集 $.tmpl( element, 标签 data) 数据 $.setBaseFontSize( size 数字字号 ) ```