HTML5中 data-*属性的实际用途

本文探讨了如何在HTML5中利用data-*属性优化数据传递,特别是在前端分页展示和按钮点击事件中。传统的做法是通过隐藏字段或value属性存储数据,但这种方法可能导致冗余。现在,可以通过在元素上直接设置data-*属性,如data-time,然后使用JQuery的$(this).data('time')方法获取数据,减少代码冗余。然而,要注意的是,data属性名称必须小写,以避免无法正确获取值。对于使用Vue等新框架的开发者来说,这种方法更加便捷。
摘要由CSDN通过智能技术生成

这篇文章 适用于还在使用二代框架(JQ 、zepto)等框架开发的人员~~

有些时候我们在做分页展示的时候后台会给我们一个JSON数组比如这样的数据

[
    {
        "activityId": "ACT_JAN_INVITE",
        "name": "aaa",
        "id": 6679,
        "jul2017Id": 0,
        "status": 0,
        "type": 2,
        "
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值