jquery取得及設定outerhtml的方法_jquery

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

在開發過程中，jQuery.html() 是取得目前節點下的html程式碼，並不包含目前節點本身的程式碼，然而我們有時候的確需要，可以透過jQuery.prop("outerHTML")的方式設定.

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

因為原生JS DOM裡有一個內建屬性outerHTML （看清大小寫哦，JS是區分大小寫的）用來取得目前節點的html程式碼(包含目前節點)，所以用jQuery的prop()能拿到
 
一、jquery取得outerhtml

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

二、jquery設定outerhtml

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

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