Jquery動態(tài)替換div內(nèi)容及動態(tài)展示的方法

更新時間：2015年01月23日 10:09:02 投稿：shichen2014

這篇文章主要介紹了Jquery動態(tài)替換div內(nèi)容及動態(tài)展示的方法,動態(tài)替換div內(nèi)容并展示的使用技巧與注意事項,需要的朋友可以參考下

本文實例講述了Jquery動態(tài)替換div內(nèi)容及動態(tài)展示的方法。分享給大家供大家參考。具體分析如下：

一、問題：

項目中需要在后臺拼接html然后在前臺通過ajax展示到div中：

sys_ajaxGet("/dynamic/default.do?method=show", {guid:guid},function(json){

       //這里可以正確的展示html內(nèi)容

          alert(json.htmlContent);

          $("#htmlContent").text(json.htmlContent);

       bind(json);

});

展示后發(fā)現(xiàn)，div中直接展示了html字符串內(nèi)容，并沒有解析其中的html,經(jīng)過資料查詢
jquery div的.text 是以文本形式添加內(nèi)容的,展示的是具體的文本....
如果要想動態(tài)添加可解析的 html內(nèi)容，需要使用 jquer div的 a.ppend 方法

二、正確的處理方法：

復(fù)制代碼代碼如下:

ajaxGet("/dynamic/default.do?method=show", {guid:guid},function(json){

          //這里可以正確的展示html內(nèi)容

          alert(json.htmlContent);

          var htmlContent = $("#htmlContent");

          htmlContent.append(json.htmlContent); 

       bind(json);

});

三、總結(jié)：

div .append 方法// 添加Html內(nèi)容，動態(tài)解析
div Text：顯示加載的文本內(nèi)容，不解析

希望本文所述對大家的jQuery程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

jquery $.each()使用探討
想必大家對jquery $.each()并不陌生吧，使用它可以進行元素的遍歷，下面有個不錯的示例，感興趣的朋友可以參考下
2013-09-09
jquery簡單實現(xiàn)鼠標(biāo)經(jīng)過導(dǎo)航條改變背景圖
鼠標(biāo)經(jīng)過導(dǎo)航條改變背景圖的效果很是好看，下面為大家介紹下使用jquery是如何實現(xiàn)的，感興趣的朋友可以參考下
2013-12-12
jQuery點擊導(dǎo)航欄選中更換樣式的實現(xiàn)代碼
這篇文章主要介紹了jQuery點擊導(dǎo)航欄選中更換樣式的實現(xiàn)代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2017-01-01
jquery的ajax()函數(shù)傳值中文亂碼解決方法介紹
jquery的ajax()函數(shù)傳值中文亂碼解決方法介紹，需要的朋友可以參考下
2012-11-11
JQuery擴展對象方法操作示例
這篇文章主要介紹了JQuery擴展對象方法操作,結(jié)合實例形式簡單分析了jQuery使用$.fn.extend方法擴展對象方法的相關(guān)操作技巧,需要的朋友可以參考下
2018-08-08
6款新穎的jQuery和CSS3進度條插件推薦
進度條和Loading加載動畫在當(dāng)今的網(wǎng)頁功能中顯得越來越重要了，于是接下來為大家推薦幾款比較新穎進度條插件,感興趣的你可以參考下希望可以幫助到你
2013-03-03
Jquery解析Json格式數(shù)據(jù)過程代碼
Json是一種輕量級的數(shù)據(jù)交換格式，本節(jié)為大家介紹的是Jquery解析Json格式數(shù)據(jù)的過程，很詳細(xì)，看看就知道了
2014-10-10
jQuery中:image選擇器用法實例
這篇文章主要介紹了jQuery中:image選擇器用法,實例分析了:image選擇器的功能、定義及匹配類型為image的<input>元素時的使用技巧,需要的朋友可以參考下
2015-01-01
jquery實現(xiàn)先淡出再折疊收起的動畫效果
這篇文章主要介紹了jquery實現(xiàn)先淡出再折疊收起的動畫效果,通過jquery鏈?zhǔn)讲僮鲗崿F(xiàn)頁面元素的漸變折疊與展開功能,非常簡單實用,需要的朋友可以參考下
2015-08-08
jQuery中click事件的定義和用法
這篇文章主要介紹了jQuery中click事件的定義和用法,以實例形式詳細(xì)分析了jQuery中的click事件具體定義方法、參數(shù)及用法實例,具有一定的參考借鑒價值,需要的朋友可以參考下
2014-12-12