首页 > 代码库 > jquery.metadata.js使用分析

jquery.metadata.js使用分析

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    <title></title>    <script type="text/javascript" src="/js/jquery.js"></script>    <script type="text/javascript" src="/js/jquery.metadata.js"></script>    <script type="text/javascript">        $(document).ready(function () {            //default is class            alert($(".media").metadata().src);            alert($(li.someclass).metadata().some);            var data = $(li.someclass).metadata();            if (data.some && data.some == data)                alert(It Worked!);            //setType usage            $.metadata.setType("attr", "data");            alert($("#li2").metadata().json);            $.metadata.setType("elem", "script");            alert($("#li3").metadata().data);            //reset to default class            $.metadata.setType("class");            //single usage            var data2 = $("#li4").metadata({ single: "jdata" });            alert($("#li4").data("jdata").name);            //get usage            var data3 = $.metadata.get(document.getElementById("li5"));            alert(data3.key);        });    </script></head><body>    <object class="media {src:‘/tems/upload/192168.mp3‘}" data="[object Object]"></object>    <ul>        <li class="someclass {some: ‘data‘} anotherclass">...</li>        <li id="li2" data="{some:‘random‘, json: ‘data...here‘}">...</li>        <li id="li3">            <script type="data">{some:"json",data:true}</script>        </li>        <li id="li4" class="{name:‘zhang‘,age:34} otherclass">.....</li>        <li id="li5" class="{key:‘china‘,value:‘beijing‘}"></li>    </ul></body></html>

jquery.metadata.js使用分析