关于jquery append() html时的小问题的解决方法
更新时间：2010年12月16日 22:15:39 作者：
关于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代码。
复制代码 代码如下:
$(".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代码。
相关文章
下面小编就为大家带来一篇jQuery动态创建元素以及追加节点的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
web的各种前端打印方法之jquery打印插件jqprint实现网页打印
本文介绍JQuery插件Jqprint实现网页打印，不懂的同学正可借此机会学习下，以备不时之需，话不多说，切入主题2013-01-01
将滚动的内容查询出来，放在一个div 或者别的容器里面，具体的实现代码如下2014-06-06
这篇文章主要介绍了动态加载jQuery的两种方法,实例分析了jquery动态加载的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了jQuery实现表单动态添加数据并提交的方法,结合实例形式总结分析了jQuery针对存在form表单的添加、提交,不存在form表单的添加、提交,ajax、非ajax形式提交等数据添加与表单提交操作技巧,需要的朋友可以参考下2018-07-07
这篇文章主要介绍了通过pjax实现无刷新翻页，兼容新版jquery，使用心得方法,需要的朋友可以参考下2014-01-01
最近网站改版，原来的js都是原生js，因为当前比较jquery而且他的组件也比较多，使用方便，所以我们也采用了jquery但跟原来的$(id)冲突，经过网络很多人的推荐我们选择了这个方法2014-06-06
本文主要是通过具体实例分析jQueryUI里拖拽排序问题，十分的实用，这里推荐给小伙伴们。2015-02-02
今天在项目中，刚好用到给指定的table添加一行、删除一行。添加一行，支持在任意行添加一行且可配置的，删除一行支持动态删除一行。本文给大家介绍的非常详细，一起看看吧2016-10-10
使用jQuery快速解决input中placeholder值在ie中无法支持的问题
本篇文章主要介绍了使用jQuery快速解决input中placeholder值在ie中无法支持的问题。需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
最新评论