jquery獲取及設(shè)置outerhtml的方法
本文實(shí)例講述了jquery獲取及設(shè)置outerhtml的方法。分享給大家供大家參考。具體分析如下：
在開發(fā)過程中，jQuery.html() 是獲取當(dāng)前節(jié)點(diǎn)下的html代碼，并不包含當(dāng)前節(jié)點(diǎn)本身的代碼，然而我們有時(shí)候的確需要，可以通過jQuery.prop("outerHTML")的方式設(shè)置。
很多jQuery的使用者都對這一問題深感疑惑。為什么在眾多方便的各種獲取屬性和設(shè)置屬性的方法中就不能像DOM中一樣直接設(shè)置html元素的outerHTML呢？
因?yàn)樵鶭S DOM里有一個(gè)內(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è)計(jì)有所幫助。
相關(guān)文章
jquery+CSS實(shí)現(xiàn)懸浮登錄框遮罩
這篇文章主要為大家詳細(xì)介紹了jquery+CSS實(shí)現(xiàn)懸浮登錄框遮罩，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
jQuery實(shí)現(xiàn)廣告顯示和隱藏動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)廣告顯示和隱藏動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-07-07
以往我在使用下拉框控件老是為了樣式丑陋而煩惱，現(xiàn)在分享這個(gè)控件，喜歡的朋友可以進(jìn)行二次修改，達(dá)到你想要的效果2013-11-11
老生常談jquery中detach()和remove()的區(qū)別
下面小編就為大家?guī)硪黄仙Ｕ刯query中detach()和remove()的區(qū)別。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-03-03
jQuery 打造動(dòng)態(tài)下滑菜單實(shí)現(xiàn)說明
本教程將分步講解如何使用JQuery和CSS打造一個(gè)炫酷動(dòng)感菜單。2010-04-04
這篇文章主要介紹了用jquery來定位2007-02-02
jQuery簡單實(shí)現(xiàn)input文本框內(nèi)灰色提示文本效果的方法
這篇文章主要介紹了jQuery簡單實(shí)現(xiàn)input文本框內(nèi)灰色提示文本效果的方法,涉及jQuery針對頁面元素的遍歷與樣式動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-12-12
jquery動(dòng)畫3.創(chuàng)建一個(gè)帶遮罩效果的圖片走廊
今天我們要完成的是一個(gè)帶有遮罩效果（補(bǔ)間動(dòng)畫）的圖片走廊jquery插件：jquery.tranzify.js2012-08-08
jQuery簡介_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
目前jQuery有1.x和2.x兩個(gè)主要版本，區(qū)別在于2.x移除了對古老的IE 6、7、8的支持，因此2.x的代碼更精簡。選擇哪個(gè)版本主要取決于你是否想支持IE 6~8，下文給大分享jquery 簡介的相關(guān)知識，感興趣的朋友一起看看吧2017-07-07
使用jquery真的很方便，比如要控制div的顯示與隱藏，一句話就搞定了，請看下面使用說明。2011-07-07