<!DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd "><HTMLxmlns= "http://www.w3.org/1999/xhtml"><Head> <Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" /> <title></title> <Scripttype= "Text/javascript"src= "/js/jquery.js"></Script> <Scripttype= "Text/javascript"src= "/js/jquery.metadata.js"></Script> <Scripttype= "Text/javascript">$ (document). Ready (function () { //default is ClassAlert ($ (". Media"). Metadata (). src); Alert ($ ('Li.someclass'). Metadata (). some); varData= $('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 vardata2= $("#li4"). Metadata ({single:"Jdata" }); Alert ($ ("#li4"). Data ("Jdata"). Name); //Get Usage vardata3=$.metadata.get (document.getElementById ("li5")); alert (Data3.key); }); </Script></Head><Body> <Objectclass= "Media {src: '/tems/upload/192168.mp3 '}"Data= "[Object Object]"></Object> <ul> <Liclass= "SomeClass {some: ' data '} anotherclass">...</Li> <LiID= "Li2"Data= "{some: ' random ', json: ' Data...here '}">...</Li> <LiID= "Li3"> <Scripttype= "Data">{some:"JSON", Data:true}</Script> </Li> <LiID= "Li4"class= "{name: ' Zhang ', age:34} otherclass">.....</Li> <LiID= "Li5"class= "{key: ' China ', Value: ' Beijing '}"></Li> </ul></Body></HTML>
Jquery.metadata.js usage Analysis