jQuery是一個非常流行的JavaScript庫，可以幫助開發者輕松地處理DOM操作、事件處理和動畫。其中，$that.data()是jQuery庫中非常重要的一個方法，可以方便地操作元素的數據。

// 示例代碼
<div id="my_div" data-my-data="Hello, World!">My div element</div><script>var myDiv = $('#my_div');
var myData = myDiv.data('myData');
console.log(myData); // 輸出：Hello, World!
</script>

$that.data()可以用來存儲元素的數據：屬性名和屬性值都可以自定義，只要屬于data-*格式即可。示例代碼中，我們在一個div元素上定義了data-my-data屬性，并將其值設為"Hello, World!"。接著，我們通過jQuery查找該元素，使用$that.data('myData')從中獲取data-my-data的值。最后，控制臺打印出來的結果是"Hello, World!"。

在獲取元素數據的同時，$that.data()還可以支持設置元素數據，只需要傳入兩個參數：屬性名和屬性值即可。示例代碼如下：

// 示例代碼
var myDiv = $('#my_div');
myDiv.data('myData', 'new data value'); // 修改myData屬性的值
console.log(myDiv.data('myData')); // 輸出：new data value

可以看到，我們選中了上一個示例中定義的div元素，并使用$that.data('myData', 'new data value')修改其data-my-data的值。最后再次打印值時，輸出結果變為了"new data value"。

總之，$that.data()是一個非常好用的函數，它為我們提供了簡單而強大的元素數據操作方式，方便了我們的開發工作。