關(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-06jQuery實(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-12Jquery實(shí)現(xiàn)鼠標(biāo)移上彈出提示框、移出消失思路及代碼
具體思路為:.首先要定位實(shí)現(xiàn)這種效果的元素 ,本次通過(guò)class;如果是動(dòng)態(tài)顯示不同的提示內(nèi)容,需設(shè)置title;通過(guò)JQ給定位到元素加上 mouseover 和mouseout 事件2013-05-05jquery實(shí)現(xiàn)背景墻聚光燈效果示例分享
這篇文章主要介紹了jquery實(shí)現(xiàn)背景墻聚光燈效果示例,需要的朋友可以參考下2014-03-03jquery使用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-06jQuery+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