在前端開發中，JQuery是一個非常常用的JavaScript庫。JQuery 通過選擇器（$()函數）和實用的函數庫來簡化DOM操作。這篇文章將介紹如何使用JQuery和標簽（label）來獲取和設置值。

首先，我們先了解一下標簽的概念。標簽是用于為表單元素添加標簽的HTML元素。它們通常出現在輸入區域的左側，它們提供有關輸入字段的描述。在HTML中，使用表單元素的標簽。

<label for="username">用戶名</label>
<input type="text" id="username" name="username" />

在以上代碼中，我們創建了一個名為username的輸入框，并用元素添加了一個標簽。如此一來，在這個輸入框上部分和左側都會出現一個名為“用戶名”的文本。

那么，我們如何使用JQuery獲取和設置元素的值呢？下面是一個示例代碼：

<label for="username">用戶名</label>
<input type="text" id="username" name="username" />
<button id="submitBtn">提交</button>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
$('#submitBtn').click(function(){
// 獲取元素的值
var labelText = $('label[for="username"]').text();
alert('標簽內容是：' + labelText);
// 設置元素的值
$('label[for="username"]').text('新的用戶名');
});
});
</script>

在以上代碼中，我們創建了一個按鈕，并在點擊按鈕時獲取元素的值并將其彈出顯示。接著，我們用JQuery的text()函數將元素的內容設置為“新的用戶名”。這些操作都是通過選擇器和實用的JQuery函數完成的。

總而言之，使用JQuery和元素能夠非常方便地操作表單元素的標簽。通過選擇器和實用的函數庫，我們可以快速地獲取和設置元素的值，并且在表單開發中能夠提高效率和編寫效率。