jquery.tmpl

jQuery

近況

そんなわけで明日から新天地です。
まったくPerl関係ない仕事ですが、HTML+CSS+jQueryなので結構好きな仕事です。はい。

そんなわけでjQueryをちょい勉強。

javascriptのテンプレート

jQuery1.5から標準で使えるそうです

<!DOCTYPE html> 
<html lang="ja"> 
<head> 
<meta charset="UTF-8" />
<meta name="author" content="" /> 
<meta name="keywords" content="" /> 
<meta name="description" content="" /> 
<title>Testing jquery.tmpl</title> 
<link type="text/css" href="css/prj.min.css?v=2" rel="stylesheet" media="screen" /> 
<link type="text/css" href="css/print.css?v=2" rel="stylesheet" media="print" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script> 
<script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js" type="text/javascript"></script> 
 
<script id="movieTemplate" type="text/x-jquery-tmpl"> 
<li><b>${Name}</b> (${ReleaseYear})</li>
</script> 
<script type="text/javascript"> 
 
$(document).ready( function()
{
 
    var movies = [
       { Name: "The Red Violin",  ReleaseYear: "1998" },
       { Name: "Eyes Wide Shut",  ReleaseYear: "1999" },
       { Name: "The Inheritance", ReleaseYear: "1976" },
    ];
 
    $( "#movieTemplate" ).tmpl( movies ).appendTo( "#movieList" );
 
    $("span").appendTo("#foo");        
 
});
</script> 
</head> 
 
<body> 
 
<ul id="movieList"></ul> 
 
</body>

今日の一曲

mas que nada - 佐藤正美

http://www.youtube.com/watch?v=f7ffm_nex-Y