jquery獲取及設(shè)置outerhtml的方法
本文實例講述了jquery獲取及設(shè)置outerhtml的方法。分享給大家供大家參考。具體分析如下:
在開發(fā)過程中,jQuery.html() 是獲取當(dāng)前節(jié)點(diǎn)下的html代碼,并不包含當(dāng)前節(jié)點(diǎn)本身的代碼,然而我們有時候的確需要,可以通過jQuery.prop("outerHTML")的方式設(shè)置。
很多jQuery的使用者都對這一問題深感疑惑。為什么在眾多方便的各種獲取屬性和設(shè)置屬性的方法中就不能像DOM中一樣直接設(shè)置html元素的outerHTML呢?
因為原生JS DOM里有一個內(nèi)置屬性 outerHTML (看清大小寫哦,JS是區(qū)分大小寫的)用來獲取當(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
$('.test').prop('outerHTML', '<input>');
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
相關(guān)文章
22點(diǎn)關(guān)于jquery性能優(yōu)化的建議
討論 jQuery 和 javascript 性能的文章并不罕見。然而,本文我計劃總結(jié)一些速度方面的技巧和我本人的一些建議,來提升你的 jQuery 和 javascript 代碼。好的代碼會帶來速度的提升??焖黉秩竞晚憫?yīng)意味著更好的用戶體驗。2014-05-05
jQuery+jqmodal彈出窗口實現(xiàn)代碼分明
jQuery+jqmodal彈出窗口的制作方法,需要的朋友可以參考下。2010-06-06
jQuery的Ajax接收java返回數(shù)據(jù)方法
今天小編就為大家分享一篇jQuery的Ajax接收java返回數(shù)據(jù)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
jquery中focus()函數(shù)實現(xiàn)當(dāng)對象獲得焦點(diǎn)后自動把光標(biāo)移到內(nèi)容最后
當(dāng)對象獲得焦點(diǎn)后,自動把光標(biāo)移到內(nèi)容最后,使用focus()函數(shù)便可實現(xiàn),下面有個不錯的示例,感興趣的朋友可以參考下2013-09-09
基于jQuery Circlr插件實現(xiàn)產(chǎn)品圖片360度旋轉(zhuǎn)
Circlr是一款可以對產(chǎn)品圖片進(jìn)行360度全方位旋轉(zhuǎn)展示的jQuery插件,本文給大家分享一款基于jQuery Circlr插件實現(xiàn)產(chǎn)品圖片360度旋轉(zhuǎn),大家一起來看看吧2015-09-09

