JQuery使用的个人笔记

本文介绍了一位前端新人使用Jquery实现从后台获取数据并在前端展示的过程,同时讲解了如何根据数据的不同属性调整显示样式,以及如何通过点击图标实现页面跳转。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近,LZ刚毕业进入公司,老大就让搞个前端培训,其实就是给你两个框架,然后自学框架,再完成两个任务,都是前端的,目前最痛苦的就是搞Jquery!已经被它搞懵逼了!废话不扯了!看笔记。

1,从后台获取数据,在前端显示出来,由于公司将一些东西给封装了,所以,有些方面会涉及不到。


 <div id="GTdata_returnStock" class="rank_list3">
   {@each list as item,index}
   <dl id="${item.id}"><dt><em>1</em><b>${item.name}</b></dt><dd><span> {@if item.nsy>0}<em class="ared">{@else}<em class="agreen">{@/if}${item.nsy}</em></span><span>{@if item.ysy>0}<em class="ared">{@else}<em class="agreen">{@/if}${item.ysy}</em></span></dd></dl>
    {@/each}
 </div>  

代码中,  {@each list as item,index}中的list是js文件中获得的数据,这里只是重命名为item和index;因为这段代码显示的是银行收益率相关的东西,需要根据收益率的正负,相应收益率显示红色(正)或者绿色(负),代码如: {@if item.nsy>0}<em class="ared">{@else}<em class="agreen">{@/if} ,此中用到了if-else语句,{@if } {@else}{@/if},这里面要注意的是之前LZ这样写了多用个$符合,导致无法进行判断。


2,点击图标进行页面的跳转控制。






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值