Introduction and application of template functions of Underscore.js

Underscore is a very practical JavaScript library that provides support for many functions needed for programming. It provides many practical functions without extending any native JavaScript objects. Whether you write a small js code or a large HTML5 application, underscore can help. At present, underscore has been widely used. For example, the only library that backbone.js strongly depends on is underscore.js. Today we mainly discuss the front-end template function of Underscore. Its template function is the same as the javascript front-end template introduced in the previous article. The processing of data is more convenient. I wrote a small example for your reference and study.

Full example download

Copy code The code is as follows: Underscore &lt ;/div> ">【 】 var datas = [ { title: "1942", url: "http://www.jb51.net", film: "Movie 1" }, { title: "Life of Pi", url: "http://www.jb51.net", film :"Movie 2" }, { title: "The Godfather", url: "http://www.jb51.net", film:"Movie 3" }, { title: "The Shawshank Redemption", url: "http://www.jb51.net", film: "Movie 4" }, { title: "3d2012", url: "http://www.jb51.net", film: "Movie 5" } ]; $("body").html( _.template($("#t2").html(), datas)); $('.ul').hide(); $('.ul>li:last-child'). addClass('last-li'); $('body>div:first-child>ul').show(); $('.title').click(function(){ $(this).siblings().toggle(); $(this).parent().siblings().children('.bbs-nav-ul').hide(); } ) $('.title').hover(function(){ $(this).toggleClass('hover'); }) $('.ul>li').hover( function(){ $(this).toggleClass('hover'); })