jQuery選擇器empty()的使用方法
$(selector).empty()
jQuery選擇器中,empty()方法用于清空被選元素的所有子元素,它不會刪除被選元素本身,只是刪除其內部的內容。
使用empty()方法可以非常方便的清除一個元素中的所有子元素,例如清除表單內容、清除列表、清除文本框中的內容等等。使用該方法,你可以使HTML結果更加簡潔易讀。
舉個例子,假設我們有一個按鈕,并希望單擊該按鈕時清空一個具有id="content"的div元素中的所有內容。此時,我們可以使用以下代碼行來完成。代碼解釋包含在注釋中。
// 將 clear_button 元素綁定到單擊事件上 $( "#clear_button" ).click(function() { // 將 id 為 content 的 div 元素中的所有子元素清空 $( "#content" ).empty(); });
注意,empty()方法不會刪除被選元素本身,只刪除其內部的內容。如果需要刪除該元素本身,可以調用remove()方法。