在前端开发中，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和元素能够非常方便地操作表单元素的标签。通过选择器和实用的函数库，我们可以快速地获取和设置元素的值，并且在表单开发中能够提高效率和编写效率。