在Javascript中，val是一個十分常見的概念。它通常用來表示一些表單元素的值，比如input、select和textarea等。當你需要獲取這些元素的值，或者給它們賦值時，val就變得尤為重要。

在下面的例子中，我們將通過使用val來獲取和設置表單元素的值來展示它的用法：

<input type="text" id="myInput" value="Hello World">
<button onclick="getValue()">獲取值</button>
<button onclick="setValue()">設置值</button>
<script>
function getValue() {
const value = document.getElementById("myInput").value;
alert(value);
}
function setValue() {
document.getElementById("myInput").value = "Hello Javascript";
}
</script>

在上面的代碼中，我們定義了一個input元素，它的id為"myInput"，它的value屬性為"Hello World"。我們還定義了兩個button元素分別為"獲取值"和"設置值"，并在它們的onclick事件中分別調用了getValue和setValue函數。

在getValue函數中，我們使用了document.getElementById獲取了id為"myInput"的元素，并使用了它的value屬性來獲取當前的值。我們最終使用alert函數將這個值彈出來。

在setValue函數中，我們使用了document.getElementById獲取id為"myInput"的元素，并使用它的value屬性來設置它的值為"Hello Javascript"。

除了像上面那樣獲取和設置表單元素的值之外，val在其他地方也有著廣泛的應用。比如在JQuery中，可以通過.val()方法來獲取和設置表單元素的值，在React中，可以通過value屬性來獲取和設置表單元素的值。

以下是在JQuery中使用.val()方法來獲取和設置表單元素的值的例子：

<input type="text" id="myInput" value="Hello World">
<button id="getValue">獲取值</button>
<button id="setValue">設置值</button>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$("#getValue").click(function() {
const value = $("#myInput").val();
alert(value);
});
$("#setValue").click(function() {
$("#myInput").val("Hello JQuery");
});
</script>

在上面的代碼中，我們引入了JQuery庫，并在onclick事件中使用了.val()方法來獲取和設置表單元素的值。

通過以上這些例子，我們可以發現，無論是原生Javascript、JQuery還是React，都能通過val來輕松地獲取和設置表單元素的值，這也讓我們更加方便地操作表單。