DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery 刪除/替換DOM元素的幾種方式
jQuery 刪除/替換DOM元素的幾種方式
編輯:JQuery特效代碼     
刪除

刪除操作非常簡單,直接在結果集後鏈式調用remove()方法即可。

例如,要刪除以下html腳本中所有的a元素,直接通過
. 代碼如下:
$('a'.remove();

就可以做到了。
. 代碼如下:
<h3>Anchors</h3>
<a href="#" class="remove">Anchor Element</a>
<a href="#">Anchor Element</a>
<a href="#" class="remove">Anchor Element</a>


當然也可以通過向remove傳參的形式來過濾選擇結果,然後再執行remove操作。
. 代碼如下:
$('a').remove('.remove');

需要注意的是

remove操作並不會把符合條件的元素從結果集中刪除,所以理論上可以繼續操作被"刪除"掉的元素
remove操作不但會“刪除”元素與所有元素相關的數據也會被刪除(event handlers、internally cached data)

替換

如果想要把class為remove的li元素替換為<li>removed</li>,可以使用以下兩種等價的方法
. 代碼如下:
$('li.remove').replaceWith('<li>removed</li>);
$('<li>removed</li>;).replaceAll('li.remove');
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved