站長資訊網(wǎng)
jquery移除一個元素的方法：1、利用jquery選擇器獲取一個指定元素，語法“$("選擇器")”，會返回一個包含指定元素的jquery對象；2、使用remove()刪除獲取到的元素對象即可，語法“指定元素對象.remove();”，該方法可以將被選元素以及子元素同時刪除。
本教程操作環(huán)境：windows7系統(tǒng)、jquery3.6.0版本、Dell G3電腦。
jquery移除一個元素的方法
1、利用jquery選擇器獲取一個指定元素
$("選擇器")
會返回一個包含指定元素的jquery對象
2、使用remove()刪除獲取到的元素對象
指定元素對象.remove();
remove()方法可以將被選元素以及子元素同時刪除。
示例1：刪除最后一個元素
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="./js/jquery-3.6.0.min.js"></script> <script> $(function () { $("#btn").click(function () { $("li:last").remove(); }) }) </script> </head> <body> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>jQuery</li> <li>Vue.js</li> </ul> <input id="btn" type="button" value="刪除" /> </body> </html>
示例2：刪除第一個元素
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="./js/jquery-3.6.0.min.js"></script> <script> $(function () { $("#btn").click(function () { $("li:first").remove(); }) }) </script> </head> <body> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>jQuery</li> <li>Vue.js</li> </ul> <input id="btn" type="button" value="刪除" /> </body> </html>
想要了解jquery選擇器，可以查看文章：https://www.php.cn/website-design-ask-492252.html
【推薦學(xué)習(xí)：jQuery視頻教程、web前端視頻】
