jQuery是一款廣泛使用的JavaScript函式庫，它簡化了JavaScript的編寫，使得開發者能夠更輕鬆地操作HTML文件中的元素和內容。其中一個常見的需求是取得HTML文件中的文字內容，本篇文章將介紹jQuery中兩種常見的取得文字的方法。
一、text() 方法
text() 方法是jQuery的內建方法，可以用來取得一個元素的文字內容。使用這個方法，我們可以輕鬆地取得HTML文件中任何元素的文字資訊。下面是一個簡單的範例，它將示範如何取得一個元素的文字資訊：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery text()方法演示</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="test">这是一个例子</div>
<script>
var text = $('#test').text();
alert(text);
</script>
</body>
</html>在這個範例中，我們首先引入了jQuery函式庫，然後建立了一個id為「test」的div元素，並使用text()方法取得它的文字內容，並將結果儲存在名為text的變數中。最後，呼叫了一個彈跳框框，將這個變數的值輸出到了螢幕上。
二、html() 方法
除了text()方法，還有一個名為html()的方法，它可以用來取得一個元素的HTML內容。此方法與text()方法的區別在於，它可以獲得元素文字以外的內容，例如所有標籤以及文字。以下是一個簡單的範例，它將示範如何使用html()方法來取得元素的HTML內容：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery html()方法演示</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="test"><b>这是</b>一个例子</div>
<script>
var html = $('#test').html();
alert(html);
</script>
</body>
</html>在這個範例中，我們建立了一個id為「test」的div元素，裡麵包含了一個標籤和一段文字。我們使用html()方法來取得它的HTML內容，並將結果儲存在名為html的變數中。最後，呼叫了一個彈跳框框，將這個變數的值輸出到了螢幕上。
總結
以上是兩種常見的取得文字的方法，text()和html()方法都是jQuery中的內建方法，使用它們可以輕鬆地取得HTML文件中的任何元素的文字或HTML內容。在編寫jQuery程式碼時，我們應該根據實際需求選擇合適的方法。如果我們只需要文字內容，使用text()方法；如果需要取得元素的全部內容，包括標籤以及文本，可以使用html()方法。
以上是jquery中怎樣得到文本的詳細內容。更多資訊請關注PHP中文網其他相關文章！
