這篇文章主要介紹了jquery獲取及設置outerhtml的方法,實例分析了jQuery實現針對outerhtml操作的技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了jquery獲取及設置outerhtml的方法。分享給大家供大家參考。具體分析如下：

在開發過程中，jQuery.html() 是獲取當前節點下的html代碼，并不包含當前節點本身的代碼，然而我們有時候的確需要，可以通過jQuery.prop("outerHTML")的方式設置。

很多jQuery的使用者都對這一問題深感疑惑。為什么在眾多方便的各種獲取屬性和設置屬性的方法中就不能像DOM中一樣直接設置html元素的outerHTML呢?

因為原生JS DOM里有一個內置屬性 outerHTML (看清大小寫哦，JS是區分大小寫的)用來獲取當前節點的html代碼(包含當前節點)，所以用jQuery的prop()能拿到

一、jquery獲取outerhtml

1. <div class="test"><p>hello，你好！</p></div> 
2. <script> 
3. $(".test").prop("outerHTML"); 
4. </script> 

二、jquery設置outerhtml

1. $('.test').prop('outerHTML', '<input>'); 

希望本文所述對大家的jQuery程序設計有所幫助。