jQuery的append不兼容情况

在IE中，使用append()方法，会在对象后面插入函数中的对象。

 

但是，在Chrome这类标准浏览器中，缺会在选择对象的最后的里面插入。

 

如在IE中使用：

$('id').append("<p>hello</p");

 

<div id="id">

</div>

<p>hello</p>   <--会插入这里

 

如在Chrome中使用：

$('id').append("<p>hello</p");

 

<div id="id">

<p>hello</p>   <--会插入这里

</div>

 

要保持这2块代码一致，可以尝试使用after()对象，这样浏览器解析的时候就不会有歧义了。