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的使用者都對(duì)這一問題深感疑惑。為什么在眾多方便的各種獲取屬性和設(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
$('.test').prop('outerHTML', '<input>');
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
flexigrid是類似ext grid的JS表格，不過基于jQuery，目前只是beta版，例子不十分完整。2010-07-07
22點(diǎn)關(guān)于jquery性能優(yōu)化的建議
討論 jQuery 和 javascript 性能的文章并不罕見。然而，本文我計(jì)劃總結(jié)一些速度方面的技巧和我本人的一些建議，來(lái)提升你的 jQuery 和 javascript 代碼。好的代碼會(huì)帶來(lái)速度的提升。快速渲染和響應(yīng)意味著更好的用戶體驗(yàn)。2014-05-05
jQuery+jqmodal彈出窗口實(shí)現(xiàn)代碼分明
jQuery+jqmodal彈出窗口的制作方法，需要的朋友可以參考下。2010-06-06
下面小編就為大家?guī)?lái)一篇使用JQ完成表格隔行換色的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2017-08-08
jQuery的Ajax接收java返回?cái)?shù)據(jù)方法
今天小編就為大家分享一篇jQuery的Ajax接收java返回?cái)?shù)據(jù)方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2018-08-08
jquery中focus()函數(shù)實(shí)現(xiàn)當(dāng)對(duì)象獲得焦點(diǎn)后自動(dòng)把光標(biāo)移到內(nèi)容最后
當(dāng)對(duì)象獲得焦點(diǎn)后，自動(dòng)把光標(biāo)移到內(nèi)容最后，使用focus()函數(shù)便可實(shí)現(xiàn)，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-09-09
編寫zQuery庫(kù)初始起因一則是由于舊版的jQuery執(zhí)行效率（現(xiàn)在的版本好像還可以），二則是對(duì)javascript語(yǔ)言的喜愛，每每總是親歷親為，最后由于在項(xiàng)目中的需求，加入了對(duì)事件偵聽機(jī)制的和DOM節(jié)點(diǎn)操作方法的擴(kuò)展。2008-06-06
jQuery 是一個(gè)非常優(yōu)秀的 JavaScript 框架，在現(xiàn)在的 Web 開發(fā)項(xiàng)目中扮演著重要角色。jQuery 使用簡(jiǎn)單靈活，同時(shí)還有許多成熟的插件可供選擇，它可以幫助你在項(xiàng)目中加入一些非常好的效果，讓網(wǎng)站有更好的可用性和用戶體驗(yàn)2011-10-10
在一個(gè)對(duì)象上觸發(fā)某類事件（比如單擊onclick事件），如果此對(duì)象定義了此事件的處理程序，那么此事件就會(huì)調(diào)用這個(gè)處理程序，如果沒有定義此事件處理程序或者事件返回true，那么這個(gè)事件會(huì)向這個(gè)對(duì)象的父級(jí)對(duì)象傳播，從里到外，直至它被處理,挺起來(lái)感覺這么不可思議，接下來(lái)為大家解除疑惑2012-12-12
基于jQuery Circlr插件實(shí)現(xiàn)產(chǎn)品圖片360度旋轉(zhuǎn)
Circlr是一款可以對(duì)產(chǎn)品圖片進(jìn)行360度全方位旋轉(zhuǎn)展示的jQuery插件，本文給大家分享一款基于jQuery Circlr插件實(shí)現(xiàn)產(chǎn)品圖片360度旋轉(zhuǎn)，大家一起來(lái)看看吧2015-09-09