Shulou(Shulou.com)06/02 Report--

This article is to share with you about the use of the jQuery Templates plug-in, the editor thinks it is very practical, so I share it with you to learn. I hope you can get something after reading this article.

Considering that there are many new scholars and there is not much information in this area in China, let's take a look at the use of jQuery Templates step by step. For example, we have the following dataset:

Var users = [{name: "Google", website: "google.com"}, {name: "jQuery Learning", website: "jquery001.com"}]

Our goal is to display the website name and the corresponding URL in the form of an unordered list (ul). In the past, we often used the following methods:

Var result = ""; for (var I = 0; I < users.length; iTunes +) {result + = "" + users.name + ";} $(result) .appendto (" ul ")

The following method of writing uses jQuery Tempates, which makes it feel more readable, as follows:

${name}

Next, call the method in jQuery Templates as follows:

$("# userTemplate") .render (users) .appendto ("ul")

In this way, we have achieved our goal, and in the material I have seen, the author uses the tmpl () method instead of the render () method to organize the data, perhaps because the jQuery Templates version I use is not * *. When I use it, the smart tips are as follows:

Haven't you used jQuery Templates yet? Give it a try! It is said that three jQuery plug-ins developed by Microsoft will be added to jQuery 1.5. Let's look forward to it.

As for how to use the simple syntax of if and each, you can take a look at the previous article so that you can present the data according to our needs. The following is the complete page code, hope to help you!

How to use jQuery Templates-jQuery Learning $(document) .ready (function () {var users = [{name: "Google", website: "google.com"}, {name: "jQuery Learning", website: "jquery001.com"}] $("# userTemplate") .render (users) .appendto ("ul");}); ${name} above is how to use the jQuery Templates plug-in. The editor believes that there are some knowledge points that we may see or use in our daily work. I hope you can learn more from this article. For more details, please follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.