大量使用jquery来展示html元素适用本插件 --jbrace

本插件适用于网址大量使用jquery来展示html元素，当利用ajax得到数据时需要通过jquery控制每一个元素进行元素赋值和事件绑定，该插件仿照jstl标记语言，大量减低了工作量，并能提高js效率。
例ajax得到数据格式如下

复制代码 var bookData = [{name: "jQuery实战" }, {name: "Learning jQuery"}, {name: "jQuery基础教程"  }];

要最终实现效果如下

复制代码 <h1>书籍列表</h1> <div id="books"> <div>jQuery实战</div> <div>Learning jQuery</div> <div>jQuery基础教程</div> </div>

传统实现模式代码就不说了，写写本插件的实现代码把
第一步根据最终实现效果生成html代码如下

复制代码 <h1>书籍列表</h1> <div id="books"></div> <div id="bookTemplet" style="display:none">{name}</div>

第二步根据ajax得到数据实现最终效果

复制代码 var bookTemplate = $("#bookTemplet").braceClone().show().removeAttr("id"); var bookContainer = $("#books"); var tHtml=""; for(var n in bookData){ tHtml += bookTemplate.braceHtml(bookData[n]); } bookContainer.html(tHtml);

 

本插件还有设置默认值、调用函数初始元素，绑定容器事件等功能
详细请看附件 jbrace.rar (37 K) 下载次数:49 ，本插件为原创，qq：516194844谢谢