站長(zhǎng)資訊網(wǎng)
jquery刪除dom匹配元素的方法：1、利用“$()”選取dom元素，語(yǔ)法“$("選擇器")”，會(huì)返回包含匹配元素的jquery對(duì)象；2、用remove()刪除匹配的元素，語(yǔ)法“被選元素對(duì)象.remove()”，會(huì)刪除元素及其內(nèi)部的內(nèi)容。
本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery刪除dom匹配的元素
1、利用$()選取dom元素
$()可以是$(expresion)，即css選擇器、Xpath或html元素，也就是通過(guò)上述表達(dá)式來(lái)匹配目標(biāo)元素。
語(yǔ)法：
$("選擇器")
比如：$("a")構(gòu)造的這個(gè)對(duì)象，是用CSS選擇器構(gòu)建了一個(gè)jQuery對(duì)象——它選擇了所有的<a/>這個(gè)標(biāo)簽。
2、使用 remove( ) 刪除匹配的元素
remove() 方法可以將被選元素及其內(nèi)部的所有內(nèi)容刪除。
被選元素對(duì)象.remove()
示例：選取div元素并刪除
<!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>
【推薦學(xué)習(xí)：jQuery視頻教程、web前端視頻】
