Jquery動(dòng)態(tài)替換div內(nèi)容及動(dòng)態(tài)展示的方法
更新時(shí)間：2015年01月23日 10:09:02 投稿：shichen2014
這篇文章主要介紹了Jquery動(dòng)態(tài)替換div內(nèi)容及動(dòng)態(tài)展示的方法,動(dòng)態(tài)替換div內(nèi)容并展示的使用技巧與注意事項(xiàng),需要的朋友可以參考下
本文實(shí)例講述了Jquery動(dòng)態(tài)替換div內(nèi)容及動(dòng)態(tài)展示的方法。分享給大家供大家參考。具體分析如下：
一、問題：
項(xiàng)目中需要在后臺(tái)拼接html然后在前臺(tái)通過ajax展示到div中：
復(fù)制代碼 代碼如下:
sys_ajaxGet("/dynamic/default.do?method=show", {guid:guid},function(json){
//這里可以正確的展示html內(nèi)容
alert(json.htmlContent);
$("#htmlContent").text(json.htmlContent);
bind(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)容的,展示的是具體的文本....
如果要想動(dòng)態(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);
});
//這里可以正確的展示html內(nèi)容
alert(json.htmlContent);
var htmlContent = $("#htmlContent");
htmlContent.append(json.htmlContent);
bind(json);
});
三、總結(jié)：
div .append 方法// 添加Html內(nèi)容，動(dòng)態(tài)解析
div Text：顯示加載的文本內(nèi)容，不解析
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- jQuery對(duì)指定元素中指定字符串進(jìn)行替換的方法
- jQuery替換字符串(實(shí)例代碼)
- jQuery下通過replace字符串替換實(shí)現(xiàn)大小圖片切換
- jQuery:節(jié)點(diǎn)(插入,復(fù)制,替換,刪除)操作
- Jquery replace 字符替換實(shí)現(xiàn)代碼
- jQuery標(biāo)簽替換函數(shù)replaceWith()的使用例子
- jQuery 刪除/替換DOM元素的幾種方式
- 基于jQuery替換table中的內(nèi)容并顯示進(jìn)度條的代碼
- jQuery替換textarea中換行的方法
- 在jQuery中 關(guān)于json空對(duì)象篩選替換
- Jquery替換已存在于element上的event的方法
- jQuery實(shí)現(xiàn)字符串全部替換的方法
相關(guān)文章
想必大家對(duì)jquery $.each()并不陌生吧，使用它可以進(jìn)行元素的遍歷，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-09-09
jquery簡(jiǎn)單實(shí)現(xiàn)鼠標(biāo)經(jīng)過導(dǎo)航條改變背景圖
鼠標(biāo)經(jīng)過導(dǎo)航條改變背景圖的效果很是好看，下面為大家介紹下使用jquery是如何實(shí)現(xiàn)的，感興趣的朋友可以參考下2013-12-12
jQuery點(diǎn)擊導(dǎo)航欄選中更換樣式的實(shí)現(xiàn)代碼
這篇文章主要介紹了jQuery點(diǎn)擊導(dǎo)航欄選中更換樣式的實(shí)現(xiàn)代碼,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-01-01
jquery的ajax()函數(shù)傳值中文亂碼解決方法介紹
jquery的ajax()函數(shù)傳值中文亂碼解決方法介紹，需要的朋友可以參考下2012-11-11
這篇文章主要介紹了JQuery擴(kuò)展對(duì)象方法操作,結(jié)合實(shí)例形式簡(jiǎn)單分析了jQuery使用$.fn.extend方法擴(kuò)展對(duì)象方法的相關(guān)操作技巧,需要的朋友可以參考下2018-08-08
進(jìn)度條和Loading加載動(dòng)畫在當(dāng)今的網(wǎng)頁(yè)功能中顯得越來越重要了，于是接下來為大家推薦幾款比較新穎進(jìn)度條插件,感興趣的你可以參考下希望可以幫助到你2013-03-03
Json是一種輕量級(jí)的數(shù)據(jù)交換格式，本節(jié)為大家介紹的是Jquery解析Json格式數(shù)據(jù)的過程，很詳細(xì)，看看就知道了2014-10-10
這篇文章主要介紹了jQuery中:image選擇器用法,實(shí)例分析了:image選擇器的功能、定義及匹配類型為image的<input>元素時(shí)的使用技巧,需要的朋友可以參考下2015-01-01
jquery實(shí)現(xiàn)先淡出再折疊收起的動(dòng)畫效果
這篇文章主要介紹了jquery實(shí)現(xiàn)先淡出再折疊收起的動(dòng)畫效果,通過jquery鏈?zhǔn)讲僮鲗?shí)現(xiàn)頁(yè)面元素的漸變折疊與展開功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了jQuery中click事件的定義和用法,以實(shí)例形式詳細(xì)分析了jQuery中的click事件具體定義方法、參數(shù)及用法實(shí)例,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12