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