jquery獲取及設置outerhtml的方法
更新時間：2015年03月09日 15:26:42 投稿：shichen2014
這篇文章主要介紹了jquery獲取及設置outerhtml的方法,實例分析了jQuery實現(xiàn)針對outerhtml操作的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了jquery獲取及設置outerhtml的方法。分享給大家供大家參考。具體分析如下：
在開發(fā)過程中，jQuery.html() 是獲取當前節(jié)點下的html代碼，并不包含當前節(jié)點本身的代碼，然而我們有時候的確需要，可以通過jQuery.prop("outerHTML")的方式設置。
很多jQuery的使用者都對這一問題深感疑惑。為什么在眾多方便的各種獲取屬性和設置屬性的方法中就不能像DOM中一樣直接設置html元素的outerHTML呢？
因為原生JS DOM里有一個內置屬性 outerHTML （看清大小寫哦，JS是區(qū)分大小寫的）用來獲取當前節(jié)點的html代碼(包含當前節(jié)點)，所以用jQuery的prop()能拿到
一、jquery獲取outerhtml
<div class="test"><p>hello，你好！</p></div>
<script>
$(".test").prop("outerHTML");
</script>
二、jquery設置outerhtml
$('.test').prop('outerHTML', '<input>');
希望本文所述對大家的jQuery程序設計有所幫助。
相關文章
flexigrid是類似ext grid的JS表格，不過基于jQuery，目前只是beta版，例子不十分完整。2010-07-07
討論 jQuery 和 javascript 性能的文章并不罕見。然而，本文我計劃總結一些速度方面的技巧和我本人的一些建議，來提升你的 jQuery 和 javascript 代碼。好的代碼會帶來速度的提升?？焖黉秩竞晚憫馕吨玫挠脩趔w驗。2014-05-05
jQuery+jqmodal彈出窗口實現(xiàn)代碼分明
jQuery+jqmodal彈出窗口的制作方法，需要的朋友可以參考下。2010-06-06
下面小編就為大家?guī)硪黄褂肑Q完成表格隔行換色的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
jQuery的Ajax接收java返回數(shù)據(jù)方法
今天小編就為大家分享一篇jQuery的Ajax接收java返回數(shù)據(jù)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
jquery中focus()函數(shù)實現(xiàn)當對象獲得焦點后自動把光標移到內容最后
當對象獲得焦點后，自動把光標移到內容最后，使用focus()函數(shù)便可實現(xiàn)，下面有個不錯的示例，感興趣的朋友可以參考下2013-09-09
編寫zQuery庫初始起因一則是由于舊版的jQuery執(zhí)行效率（現(xiàn)在的版本好像還可以），二則是對javascript語言的喜愛，每每總是親歷親為，最后由于在項目中的需求，加入了對事件偵聽機制的和DOM節(jié)點操作方法的擴展。2008-06-06
jQuery 是一個非常優(yōu)秀的 JavaScript 框架，在現(xiàn)在的 Web 開發(fā)項目中扮演著重要角色。jQuery 使用簡單靈活，同時還有許多成熟的插件可供選擇，它可以幫助你在項目中加入一些非常好的效果，讓網(wǎng)站有更好的可用性和用戶體驗2011-10-10
在一個對象上觸發(fā)某類事件（比如單擊onclick事件），如果此對象定義了此事件的處理程序，那么此事件就會調用這個處理程序，如果沒有定義此事件處理程序或者事件返回true，那么這個事件會向這個對象的父級對象傳播，從里到外，直至它被處理,挺起來感覺這么不可思議，接下來為大家解除疑惑2012-12-12
基于jQuery Circlr插件實現(xiàn)產(chǎn)品圖片360度旋轉
Circlr是一款可以對產(chǎn)品圖片進行360度全方位旋轉展示的jQuery插件，本文給大家分享一款基于jQuery Circlr插件實現(xiàn)產(chǎn)品圖片360度旋轉，大家一起來看看吧2015-09-09