首頁 > 網際網路

Jquery-清空empty()和remove()用法教學

2019-12-11 09:09:35

remove()和empty()都有清除的意思,但是兩者又有差別,remove()清除標籤,會將標籤和內容全部刪除,empty()只會清除標籤裡面的內容。下面我們來分別看下。

1

在DW中建立基礎程式碼,如下建立3個div,然後對div新增基本修飾,這裡新增了描邊以便觀察


2

儲存後,F12在瀏覽器中預覽效果,三個div並排展示


3

然後我們對第一個div新增empty效果,將第一個div內容清空

$("div:eq(0)").empty()


4

程式碼無誤後,儲存檢視,如圖

可以看到第一個div內部的h1標籤內容消失


5

如果我們想要將第三個div內容清除,需要輸入

$("div:eq(2)").empty()


6

如圖,可以看到第三個div內容也被清除


7

然後我們來看下remove()移除命令,選擇第二個div新增remove()

$("div:eq(1)").remove()


8

將檔案儲存瀏覽器中預覽效果,如圖所示,可以看到新增remove後將整個的div標籤刪除掉了



IT145.com E-mail:sddin#qq.com