jQuery.metadata是jQuery插件之一，它允許使用元素的metadata來顯示、存儲和傳遞信息。metadata就是可以在HTML標(biāo)簽中使用而不干擾標(biāo)簽原本功能的屬性，例如class、id等。jQuery.metadata可以讓我們輕松地使用這些屬性來控制或傳遞信息。

Product 1

上面的例子中，我們?yōu)橐粋€商品標(biāo)簽添加了4個metadata：商品名稱、商品價格、庫存數(shù)量和商品顏色。我們可以使用以下代碼來獲取這些metadata：

// 選擇商品標(biāo)簽
 var $product = $('.product');
// 獲取商品名稱metadata
 var name = $product.metadata().name;
// 獲取商品價格metadata并轉(zhuǎn)換為浮點(diǎn)數(shù)
 var price = parseFloat($product.metadata().price);
// 獲取商品庫存metadata并轉(zhuǎn)換為整數(shù)
 var stock = parseInt($product.metadata().stock);
// 獲取商品顏色metadata
 var color = $product.metadata().color;

在這個例子中，我們定義了一些商品的metadata，使用jQuery.metadata插件獲取了這些metadata，并將它們轉(zhuǎn)換成了我們需要的相應(yīng)數(shù)據(jù)類型。這個方法非常方便，能夠幫助我們更好地為元素添加屬性，以及更有效地操控和傳遞元素數(shù)據(jù)。