站長(zhǎng)資訊網(wǎng)
刪除方法：1、使用remove()刪除元素及其內(nèi)部的所有內(nèi)容，語(yǔ)法為“指定元素.remove();”；2、使用children()和unwrap()刪除元素，但里面的保留子節(jié)點(diǎn)，語(yǔ)法為“指定元素.children().unwrap();”。
本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery刪除元素本身可分成兩種情況：
-
刪除元素本身及其里面的內(nèi)容（文本和子節(jié)點(diǎn)）
-
只刪除元素本身，保留子節(jié)點(diǎn)
情況1、使用 remove( ) 方法
使用 remove( ) 方法來(lái)將某個(gè)元素及其內(nèi)部的所有內(nèi)容刪除。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("div").remove(); }); }); </script> <style type="text/css"> div { background-color: yellow; } </style> </head> <body> <div> <p>這是 div 元素中的段落。</p> <p>這是 div 元素中的段落。</p> <p>這是 div 元素中的段落。</p> </div> <button>刪除div元素</button> </body> </html>
情況2：利用children()+unwrap()方法
-
children() 方法返回返回被選元素的所有直接子元素。
-
unwrap() 方法刪除被選元素的父元素。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-1.10.2.min.js"></script> <script> $(document).ready(function(){ $("button").click(function(){ $("div").children().unwrap(); }); }); </script> <style type="text/css"> div { background-color: yellow; } </style> </head> <body> <div> <p>這是 div 元素中的段落。</p> <p>這是 div 元素中的段落。</p> <p>這是 div 元素中的段落。</p> </div> <button>刪除div元素</button> </body> </html>
【推薦學(xué)習(xí)：jQuery視頻教程、web前端視頻】
