例如 <div id="div1">内容</div>
$(#div1").html("<div>这是内容</div>")
这样的最终结果就是 <div>这是内容</div> //也就是把原来的内容替换了
$(#div1").append("<div>这是内容</div>")
这样的最终结果就是 <div id="div1">内容</div><div>这是内容</div>
//也就是把内容追加到你这个元素的后面。
append的实现就是 innerHtml相当于动态改变页面内容，要重新绘制。
你说的要22秒，我也太离谱了吧!!!!
以前写了一个大页面内容较多的，就是是5、6秒。
所以如果页面没有动态需求的话，尽量不要用append。
还要Append 你可以一块一块的加，比如：
<div id=sch_out>
<div id=s1></div>
<div id=s2></div>
<div id=s3></div>
....
</div>
$("#sch_out").append(s4)
$("#sch_out").append(s5)
......
这样页面改动较小，速度较快。
日志的时间，可以多加一个变量，打印差值就可以了，这样比较直观。
append()此方法在匹配元素的结尾插入指定内容例：$(selector).append(content)
content指定被插入的内容，content的可能的值:
1.HTML 代码 - 比如 ("<div></div>")。
2.已存在的元素 - 比如 ($(".div1"))。
3.function(index)函数 - 定义返回插入元素的函数，index参数接收选择器的索引位置。
selector要被插入内容的匹配元素
