运用createElement写漂亮的jquery插入代码

前几日在为项目一个功能开发找寻素材时,发现一个html插入代码的漂亮写法:

1 var div = function (e, classN) {
2     return $(document.createElement(e)).addClass(classN);
3 };
4 
5 div('div','event').attr('d', i).append(
6     div('p','').text($(this).attr('title')),div('div', 'erase')    
7 )

因为十分欣赏jquery的链式写法,但jquery插入Dom时各种字符串形式的标签让人看得十分不爽。而这种写法恰到好处的解决了这个问题。但是也带来了一些小疑问,就是当循环插入时,以前的插入可以循环生成字符串,然后统一的插入。但是如果使用这个方法的话只能循环创建插入。不知道效率怎样。

posted @ 2015-02-10 12:28  擎夜  阅读(744)  评论(0)    收藏  举报