jquery 模板的应用

<body>
    
    <h1>天地盟主 QQ:467713292</h1>

    <!-- 将模版放置的位置标签 -->
    <div id="contactContainer"></div>

    <!-- 定义模板的内容布局 和定义显示的字段 -->
    <script id="contactTemplate" type="text/html">
    <div>
        姓名: {{= name }} <br />
        手机号: {{= phone }}
    </div>
    </script>
    //引用两个js
    <script src="Scripts/jquery-1.4.2.js" type="text/javascript"></script>
    <script src="Scripts/jquery.tmpl.js" type="text/javascript"></script>
    <script  type="text/javascript">

        var contacts = [
            {name:"天地盟主", phone:"467713292"},
            {name:"与狼共舞", phone: "206-555-7878" },            
            {name:"程序员中的菜鸟", phone: "415-555-8888" }            
        ];

       //只需要这样一句话就可以将上面定义好的json数据填充到模板里 呈现出来 
       $("#contactTemplate").render(contacts).appendTo("#contactContainer");
    </script>
</body>


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Axure是一款流行的原型快速制作软件,而jQuery是一款常用的JavaScript库。基于这两个工具,很多人开发了Axure jQuery模板,旨在帮助用户更快速地制作交互原型。一般来说,Axure jQuery模板的特点包括以下几点: 1. 内置常用的jQuery功能,例如动态效果、弹窗提示、表单验证等等,可以直接在Axure上使用。 2. 可以自定义样式和功能,满足个性化需求。通过调整模板的CSS样式和JavaScript代码,用户可以轻松地为自己的原型增加特效、动画等。 3. 方便复用和共享,避免重复制作工作。使用Axure jQuery模板可以将简单的交互快速实现,减少开发时间和成本。 总的来说,Axure jQuery模板是一款十分实用的工具,有助于提高原型的效率和质量。当然,使用模板也需要根据实际情况进行灵活调整,以达到最佳效果。 ### 回答2: Axure是一个强大的原型设计工具,可帮助设计师和开发人员在软件开发流程的早期阶段制作高质量的原型和用户界面,从而提高沟通和协作效率。而jquery是一个流行的JavaScript库,它提供了丰富的API和插件,可帮助开发人员更快、更容易地创建各种交互式Web应用程序。 Axure jQuery模板结合了Axure和jQuery的优势,提供了一套预制的模板和组件,可用于制作高质量的原型和界面。这些模板和组件已经预先定制,帮助开发人员更快地创建各种UI效果和交互式元素,如下拉菜单、日期选择器、分页等。 使用Axure jQuery模板,开发人员可以通过拖放、配置和自定义各种组件,创建自己的独特的UI界面和功能。同时,这些模板和组件也是可重用的,可以在不同的项目中应用,从而帮助提高开发人员和设计人员的生产力和效率。 总之,Axure jQuery模板是一种强大的工具,它提供了一个容易使用、可定制、可重用的原型设计模板,为开发人员和设计人员提供了更多的选择和效率,使原型设计和开发工作更加顺畅。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值