jQuery.metadata.js是一個非常好用的jQuery插件，通過它，我們可以很方便地給HTML元素添加元數據。想必很多人都知道，HTML元素雖然可以有各種各樣的屬性，但是有些時候，我們需要一些自定義的屬性，并且這些屬性并不是HTML規范中定義的。比如，我們有一個表單元素需要保存一些額外的信息，這時候添加一個自定義屬性就能解決問題了。但是，如果我們需要保存的信息很多，那么給元素添加很多自定義屬性顯然是不好的。這時候jQuery.metadata.js就能派上用場了。

使用jQuery.metadata.js很簡單，首先要引入jQuery和jQuery.metadata.js的文件：

<script src="jquery.js"></script>
<script src="jquery.metadata.js"></script>

接下來，給HTML元素添加一個class名，“metadata”，并在該元素的data屬性中，按照JSON格式添加元數據。例如：

<div class="metadata" data='{ "username": "admin", "password": "123456" }'></div>

最后，在jQuery中通過元素的class名選擇該元素，并使用metadata()方法獲取元數據：

var $metadata = $('.metadata').metadata();
console.log($metadata.username); // 輸出admin
console.log($metadata.password); // 輸出123456

注意，metadata()方法獲取到的元數據是一個對象，可以使用點語法獲取具體的值。

除了在data屬性中添加元數據，jQuery.metadata.js還支持從元素的title或rel屬性中獲取元數據。例如：

<a class="metadata" title='{ "username": "admin", "password": "123456" }'>登錄</a>
<a class="metadata" rel='{ "username": "admin", "password": "123456" }'>登錄</a>

這時候在jQuery中獲取元數據的代碼如下：

var $metadata1 = $('a[title]').metadata();
console.log($metadata1.username); // 輸出admin
console.log($metadata1.password); // 輸出123456
var $metadata2 = $('a[rel]').metadata();
console.log($metadata2.username); // 輸出admin
console.log($metadata2.password); // 輸出123456

綜上，jQuery.metadata.js是一個非常好用的jQuery插件，它讓我們能夠很方便地給HTML元素添加元數據，并且支持從title和rel屬性中獲取元數據。希望本篇文章對大家有幫助。