這篇文章主要介紹了jquery獲取及設(shè)置outerhtml的方法,實(shí)例分析了jQuery實(shí)現(xiàn)針對(duì)outerhtml操作的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了jquery獲取及設(shè)置outerhtml的方法。分享給大家供大家參考。具體分析如下：
在開發(fā)過(guò)程中，jQuery.html() 是獲取當(dāng)前節(jié)點(diǎn)下的html代碼，并不包含當(dāng)前節(jié)點(diǎn)本身的代碼，然而我們有時(shí)候的確需要，可以通過(guò)jQuery.prop("outerHTML")的方式設(shè)置。
很多jQuery的使用者都對(duì)這一問(wèn)題深感疑惑。為什么在眾多方便的各種獲取屬性和設(shè)置屬性的方法中就不能像DOM中一樣直接設(shè)置html元素的outerHTML呢？
因?yàn)樵鶭S DOM里有一個(gè)內(nèi)置屬性 outerHTML （看清大小寫哦，JS是區(qū)分大小寫的）用來(lái)獲取當(dāng)前節(jié)點(diǎn)的html代碼(包含當(dāng)前節(jié)點(diǎn))，所以用jQuery的prop()能拿到
一、jquery獲取outerhtml
<div class="test"><p>hello，你好！</p></div>
<script>
$(".test").prop("outerHTML");
</script>
二、jquery設(shè)置outerhtml
?
1
$('.test').prop('outerHTML', '<input>');
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
更多信息請(qǐng)查看IT技術(shù)專欄
公眾號(hào)
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試