關(guān)于jquery append() html時(shí)的小問(wèn)題的解決方法
更新時(shí)間：2010年12月16日 22:15:39 作者：
關(guān)于jquery append() html時(shí)的小問(wèn)題，碰到類似問(wèn)題的朋友可以參考下。
還是先來(lái)看一下現(xiàn)象：
$(".main").append("haha");
$(".main").append("xixi");
alert($(".main").html());
結(jié)果：hahaxixi
一切正常
改一下
$(".main").append("<div style=\"width:300px;height:300px;\"><span>這是span");
$(".main").append("</span></div>");
alert($(".main").html());
結(jié)果：<DIV style="WIDTH:300px;HEIGHT:300px"><SPAN>這是span</DIV></SPAN>
這下不正常了，只要是兩次append() html代碼就會(huì)出現(xiàn)這種異常，不知道為什么，找了一下沒(méi)找到相關(guān)的資料，暫時(shí)的解決辦法是避免這樣去append html代碼。
復(fù)制代碼 代碼如下:
$(".main").append("haha");
$(".main").append("xixi");
alert($(".main").html());
結(jié)果：hahaxixi
一切正常
改一下
復(fù)制代碼 代碼如下:
$(".main").append("<div style=\"width:300px;height:300px;\"><span>這是span");
$(".main").append("</span></div>");
alert($(".main").html());
結(jié)果：<DIV style="WIDTH:300px;HEIGHT:300px"><SPAN>這是span</DIV></SPAN>
這下不正常了，只要是兩次append() html代碼就會(huì)出現(xiàn)這種異常，不知道為什么，找了一下沒(méi)找到相關(guān)的資料，暫時(shí)的解決辦法是避免這樣去append html代碼。
相關(guān)文章
jQuery動(dòng)態(tài)創(chuàng)建元素以及追加節(jié)點(diǎn)的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jQuery動(dòng)態(tài)創(chuàng)建元素以及追加節(jié)點(diǎn)的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
web的各種前端打印方法之jquery打印插件jqprint實(shí)現(xiàn)網(wǎng)頁(yè)打印
本文介紹JQuery插件Jqprint實(shí)現(xiàn)網(wǎng)頁(yè)打印，不懂的同學(xué)正可借此機(jī)會(huì)學(xué)習(xí)下，以備不時(shí)之需，話不多說(shuō)，切入主題2013-01-01
jquery 頁(yè)眉單行信息滾動(dòng)顯示實(shí)現(xiàn)思路及代碼
將滾動(dòng)的內(nèi)容查詢出來(lái)，放在一個(gè)div 或者別的容器里面，具體的實(shí)現(xiàn)代碼如下2014-06-06
動(dòng)態(tài)加載jQuery的兩種方法實(shí)例分析
這篇文章主要介紹了動(dòng)態(tài)加載jQuery的兩種方法,實(shí)例分析了jquery動(dòng)態(tài)加載的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
jQuery實(shí)現(xiàn)表單動(dòng)態(tài)添加數(shù)據(jù)并提交的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)表單動(dòng)態(tài)添加數(shù)據(jù)并提交的方法,結(jié)合實(shí)例形式總結(jié)分析了jQuery針對(duì)存在form表單的添加、提交,不存在form表單的添加、提交,ajax、非ajax形式提交等數(shù)據(jù)添加與表單提交操作技巧,需要的朋友可以參考下2018-07-07
通過(guò)pjax實(shí)現(xiàn)無(wú)刷新翻頁(yè)(兼容新版jquery)
這篇文章主要介紹了通過(guò)pjax實(shí)現(xiàn)無(wú)刷新翻頁(yè)，兼容新版jquery，使用心得方法,需要的朋友可以參考下2014-01-01
解決自定義$(id)的方法與jquery選擇器$沖突的問(wèn)題
最近網(wǎng)站改版，原來(lái)的js都是原生js，因?yàn)楫?dāng)前比較jquery而且他的組件也比較多，使用方便，所以我們也采用了jquery但跟原來(lái)的$(id)沖突，經(jīng)過(guò)網(wǎng)絡(luò)很多人的推薦我們選擇了這個(gè)方法2014-06-06
本文主要是通過(guò)具體實(shí)例分析jQueryUI里拖拽排序問(wèn)題，十分的實(shí)用，這里推薦給小伙伴們。2015-02-02
jQuery給指定的table動(dòng)態(tài)添加刪除行的操作方法
今天在項(xiàng)目中，剛好用到給指定的table添加一行、刪除一行。添加一行，支持在任意行添加一行且可配置的，刪除一行支持動(dòng)態(tài)刪除一行。本文給大家介紹的非常詳細(xì)，一起看看吧2016-10-10
使用jQuery快速解決input中placeholder值在ie中無(wú)法支持的問(wèn)題
本篇文章主要介紹了使用jQuery快速解決input中placeholder值在ie中無(wú)法支持的問(wèn)題。需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01