jquery清除文本

在網頁開發中，經常需要透過 JavaScript 程式碼對網頁元素進行操作。有時候我們需要清空文字內容，該怎麼做呢？本文將介紹透過 jQuery 實作清除文字內容的方法。

一、概述

首先，我們需要了解 jQuery 是什麼。 jQuery 是一個受歡迎的 JavaScript 函式庫，它簡化了客戶端腳本的編寫。透過使用 jQuery，可以更方便的操作 HTML 元素、處理事件等。接下來，我們將透過 jQuery 來實現這個功能。

二、清除文字內容

1. 清除input 元素的文字內容

下面是文字方塊的範例程式碼，我們可以透過.val()方法來取得文字方塊的值：

以下是使用jQuery 清空文字方塊內容的程式碼：

$('#text-box').val('');

上面的程式碼透過jQuery 選擇器選取了文字框，並使用.val()方法將文字方塊的值設為空。

2. 清除textarea 元素的文字內容

textarea 元素是用於使用者輸入多行文字的輸入框，與清空文字框的方法類似，我們同樣可以使用. val()方法來清空文字方塊的值：

example text

以下是使用jQuery 清空textarea 內容的程式碼：

$('#text-area').val('');

上面的程式碼透過jQuery 選擇器選取了textarea 元素，並使用.val()方法將textarea 的值設為空。

3. 清除 div 元素的文字內容

除了表單元素之外，我們還需要對其他類型的元素中的文字內容進行清空操作。例如，我們可能會用一個

example text

$('#demo').text('');