jQuery metadata.js是一個(gè)jQuery插件,可以讓你輕松地使用HTML標(biāo)簽來存儲(chǔ)元素的元數(shù)據(jù)并以JSON格式訪問它們。
<script src="jquery.js"></script> <script src="jquery.metadata.js"></script>
使用metadata.js,您可以使用任何HTML元素來存儲(chǔ)元數(shù)據(jù)。以下是一個(gè)示例HTML:
<div id="my_div" data-city="New York" data-state="NY" data-latlng="[40.7127, -74.0059]" data-population="8406000"> This is my div </div>
要讀取這些元數(shù)據(jù),您可以使用以下代碼:
var data = $('#my_div').metadata(); console.log(data.city); // "New York" console.log(data.state); // "NY" console.log(data.latlng); // [40.7127, -74.0059] console.log(data.population); // "8406000"
您還可以通過把元數(shù)據(jù)存儲(chǔ)在鏈接等其他元素中來增強(qiáng)您的網(wǎng)站。
<a data-tooltip="This is a tooltip" data-popover="This is a popover" data-toggle="modal"> My Link </a>
然后,您可以通過以下方式訪問這些元數(shù)據(jù):
var data = $('a').metadata(); console.log(data.tooltip); // "This is a tooltip" console.log(data.popover); // "This is a popover" console.log(data.toggle); // "modal"
jQuery metadata.js非常靈活,可以幫助您存儲(chǔ)和訪問各種元數(shù)據(jù),是jQuery插件庫中的一個(gè)非常有用的資源。