关于jquery append() html时的小问题的解决方法

  还是先来看一下现象:

  

复制代码 代码如下:

  $(".main").append("haha");

  $(".main").append("xixi");

  alert($(".main").html());

  结果:hahaxixi

  一切正常

  改一下

  

复制代码 代码如下:

  $(".main").append("<div style=\"width:300px;height:300px;\"><span>这是span");

  $(".main").append("</span></div>");

  alert($(".main").html());

  结果:<DIV style="WIDTH:300px;HEIGHT:300px"><SPAN>这是span</DIV></SPAN>

  这下不正常了,只要是两次append() html代码就会出现这种异常,不知道为什么,找了一下没找到相关的资料,暂时的解决办法是避免这样去append html代码。