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