關(guān)于jquery append() html時的小問題的解決方法

更新時間：2010年12月16日 22:15:39 作者：

關(guān)于jquery append() html時的小問題，碰到類似問題的朋友可以參考下。

還是先來看一下現(xiàn)象：

復(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代碼就會出現(xiàn)這種異常，不知道為什么，找了一下沒找到相關(guān)的資料，暫時的解決辦法是避免這樣去append html代碼。

您可能感興趣的文章:

append
html

相關(guān)文章

jQuery實現(xiàn)背景彈性滾動的導(dǎo)航效果
這篇文章主要介紹了jQuery實現(xiàn)背景彈性滾動導(dǎo)航效果的方法,涉及jQuery動態(tài)操作頁面元素樣式的相關(guān)技巧,需要的朋友可以參考下
2016-06-06
jQuery的context屬性用法實例
這篇文章主要介紹了jQuery的context屬性用法,實例分析了context屬性返回節(jié)點內(nèi)容的使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下
2014-12-12
jQuery實現(xiàn)菜單欄導(dǎo)航效果
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)簡單菜單欄導(dǎo)航效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-08-08
探討JQUERY JSON的反序列化類 using問題的解決方法
本篇文章是對JQUERY JSON的反序列化類 using問題的解決方法進行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
jQuery EasyUI Panel面板組件使用詳解
這篇文章主要為大家詳細(xì)介紹了jQuery EasyUI Panel面板組件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-02-02
Jquery實現(xiàn)鼠標(biāo)移上彈出提示框、移出消失思路及代碼
具體思路為：.首先要定位實現(xiàn)這種效果的元素，本次通過class；如果是動態(tài)顯示不同的提示內(nèi)容，需設(shè)置title;通過JQ給定位到元素加上 mouseover 和mouseout 事件
2013-05-05
jquery實現(xiàn)背景墻聚光燈效果示例分享
這篇文章主要介紹了jquery實現(xiàn)背景墻聚光燈效果示例,需要的朋友可以參考下
2014-03-03
jquery使用on綁定a標(biāo)簽無效只能用live解決
下面小編就為大家?guī)硪黄猨query使用on綁定a標(biāo)簽無效只能用live解決。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
淺談jQuery事件綁定原理
這篇文章主要介紹了淺談jQuery事件綁定原理，并做了簡單分析，然后用實例來展示,需要的朋友可以參考下
2015-01-01
jQuery+css實現(xiàn)炫目的動態(tài)塊漂移效果
這篇文章主要介紹了jQuery+css實現(xiàn)的動態(tài)塊漂移效果,涉及jQuery基于隨機數(shù)與時間函數(shù)動態(tài)操作頁面元素樣式的相關(guān)技巧,需要的朋友可以參考下
2016-01-01