首页 > 软件开发 > JQUERY >

jquery中的 data()函数方法的详解使用

来源:互联网 2023-03-16 23:53:54 113

jquery中的 data()函数方法的详解使用m08办公区 - 实用经验教程分享!

工具/原料

  • 电脑

方法/步骤

  • 1

    data()函数用于在当前jquery对象所匹配的所有元素 上存取数据;m08办公区 - 实用经验教程分享!

    m08办公区 - 实用经验教程分享!

    通过data()函数存取的数据都是临时的数据,一旦页面刷新,之前存放的数据都将不复存在,m08办公区 - 实用经验教程分享!

    m08办公区 - 实用经验教程分享!

    该函数属于jquery对象实例,如果要移除(通过data()函数存放的数据),请使用removeData()函数;m08办公区 - 实用经验教程分享!

    语法:m08办公区 - 实用经验教程分享!

    data()函数有以下两种用法:m08办公区 - 实用经验教程分享!

    用法一:m08办公区 - 实用经验教程分享!

    jQueryObject.data([key[[,value]]);m08办公区 - 实用经验教程分享!

    以上是:以指定的键名key 存取数据 如果指定了value参数则表示以键名key存放值为value的数据;m08办公区 - 实用经验教程分享!

    诺没有指定value 参数则表示读取之前以键名key存放的额数据,如果没有指定的任何参数,则以对象形式返回之前存储的所有数据;m08办公区 - 实用经验教程分享!

    用法二 :m08办公区 - 实用经验教程分享!

    jQueryObject.data(object);m08办公区 - 实用经验教程分享!

    以上是以 对象 的形式同时传入任意多个key-value 形式的数据,对象的每个属性就是键名key,属性值就是value;m08办公区 - 实用经验教程分享!

    注意:m08办公区 - 实用经验教程分享!

    data()函数的所有“存储数据” 操作针对当前jquery对象所匹配的每一个元素,所有,“读取数据” 操作之针对第一个匹配的元素;m08办公区 - 实用经验教程分享!

    参数 :m08办公区 - 实用经验教程分享!

    jquery中的 data()函数方法的详解使用m08办公区 - 实用经验教程分享!

  • 1相关内容未经许可获取自百度经验
  • 2

    实例如下:m08办公区 - 实用经验教程分享!

    用法一:m08办公区 - 实用经验教程分享!

    jquery中的 data()函数方法的详解使用m08办公区 - 实用经验教程分享!

  • 3

    输出结果:m08办公区 - 实用经验教程分享!

    jquery中的 data()函数方法的详解使用m08办公区 - 实用经验教程分享!

  • 4

    用法二:m08办公区 - 实用经验教程分享!

    jquery中的 data()函数方法的详解使用m08办公区 - 实用经验教程分享!

  • 方法/步骤2

  • 1

    输出结果:m08办公区 - 实用经验教程分享!

    jquery中的 data()函数方法的详解使用m08办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!m08办公区 - 实用经验教程分享!


    标签: JQUERY函数

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码