DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery獲取及設置outerhtml的方法教程
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程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved