jQuery操作dom節點empty()方法

local0發表於2021-09-11
jQuery

jQuery操作dom節點empty()方法

jQuery作為一個寫的少，做的多的庫，可以簡化JavaScript的操作，例如想要清空dom節點清空元素的內容，而不刪除該元素，就可以使用empty()方法處理，可以返回刪除當前jQuery物件包含的所有DOM節點。

1、empty()方法

嚴格來講，empty()方法並不是刪除節點，而是清除節點，它能清空元素中的所有後代節點。

2、語法格式

$(selector).empty()
//$(selector)表示要被清空的元素

3、引數

引數用於根據jQuery 表示式來篩選元素。

4、返回值

返回刪除當前jQuery物件包含的所有DOM節點。

5、使用empty()方法清空選定元素中的所有後代節點。

<!DOCTYPE html>
<html>
    <head>
	<meta charset="utf-8" />
	<title></title>
	<script src="js/jquery-3.3.1.js"></script>
    </head>
    <body>
	<p><span>I </span><b>Love You.</b></p>
	<script>
	    $("p").empty();
	</script>
    </body>
</html>

以上就是JavaScript庫中使用empty()方法清空dom節點元素的過程，是不是比在JavaScript方便些，快嘗試看看吧~更多JavaScript學習推薦：。

推薦操作環境：windows7系統、jquery3.2.1版本，DELL G3電腦。

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/132/viewspace-2831080/，如需轉載，請註明出處，否則將追究法律責任。

相關文章