jQuery的data方法是用來在DOM元素上存儲或獲取數據的，而val方法則是用來獲取或設置表單元素（如文本框、下拉菜單等）的值。

//存儲數據
$("#myElement").data("key", "value");
//獲取數據
var myData = $("#myElement").data("key");
//設置文本框的值
$("#myInput").val("hello world");
//獲取文本框的值
var myValue = $("#myInput").val();

通過使用data方法，我們可以在元素上無限存儲數據，例如：

//存儲一個對象
$("#myElement").data("myObject", {
name: "Jack",
age: 30,
hobby: ["reading", "traveling"]
});
//獲取對象的某個屬性
var myName = $("#myElement").data("myObject").name;
//存儲一個數組
$("#myElement").data("myArray", [1, 2, 3]);
//獲取數組的某個值
var myValue = $("#myElement").data("myArray")[0];

使用val方法，我們可以方便地獲取表單元素的值，例如：

//獲取文本框的值
var myValue = $("#myInput").val();
//設置下拉菜單的值
$("#mySelect").val("option2");
//獲取被選中的選項
var selectedOption = $("#mySelect").val();

總之，data和val方法是jQuery里非常方便實用的方法，你可以使用它們來存儲和獲取數據以及操作表單元素。