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