码迷,mamicode.com
首页 > Web开发 > 详细

jquery.metadata.js使用分析

时间:2014-11-24 22:04:53      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   ar   color   使用   sp   java   

<!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使用分析

标签:style   blog   http   io   ar   color   使用   sp   java   

原文地址:http://www.cnblogs.com/AndyGe/p/4119540.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!