jQuery 是一個很實用的JavaScript 庫，特別是其 data 和 attribute 功能，為網頁開發提供了很大的幫助。

首先，我們來看 data 函數。 該函數是 jQuery 的一種數據存儲和訪問方式，它的作用是可以在元素上保存數據。我們可以使用 data 函數來給元素綁定一些數據，比如：

$('div').data('name', 'Lucy');

代碼表示將一個 “name” 數據保存在一個 div 元素中，該元素的值為 “Lucy”。在這個例子中，data() 函數中有兩種參數形式：第一種形式為鍵值對形式，表示存儲一個數據；第二種形式為一個參數形式，表示獲取該元素上存儲的數據。

接下來，我們來看 attribute 函數。該函數是用來獲取元素屬性的 jQuery 方法，比如：

$('img').attr('src', 'image.png');

在這個例子中，使用 attr() 方法來獲取src屬性，并將其值設置為 “image.png”。屬性還可以通過值為 null 來刪除：

$('img').removeAttr('src');

當然，我們可以在 HTML 中直接設置屬性。但使用 attr() 函數可能更加靈活，因為它可以在需要的時候動態添加或刪除屬性，而且還可以在腳本中實現 HTML 屬性值的改變。