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