• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > Jquery-data的三种用法

Jquery-data的三种用法

作者:哈哈哈是我呀 字体:[增加 减小] 来源:互联网 时间:2017-05-11

哈哈哈是我呀通过本文主要向大家介绍了三种的的用法,气垫粉扑的三种用法,冒号引号的三种用法,不定代词的三种用法,引号的三种用法等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

记录一下

Jquery-data的用处:

jQuery-data主要是用来存储数据,帮助普通对象或者jQuery对象来存储数据,其实如果单纯的储存dom的单一的属性,用attr自定义属性足够了;如果存储多个键值对建议用jQuery-data;

例如: 图片的懒加载好多插件就用到了jquery-data,先把图片的真实地址储存到jquery-data中,做个监听事件,等到滑到该图片时再把真实地址取出来;

用法一:给普通对象储存单个属性和取值

 <script type="text/javascript" src="jquery-3.0.0.min.js"></script>
 var obj = {};
 $.data(obj, 'name', 'xm'); // 赋值
 var str = $.data(obj, 'name'); // 读取值
 console.log(str) // "xm"
</div>

用法二:给普通对象储存多个属性和取值

<script type="text/javascript" src="jquery-3.0.0.min.js"></script>
var obj = {};
 $.data(obj,{name1:"xm",name2:"xh"}); // 赋值
 var str1 = $.data(obj, 'name1'); // 读取值
 var str2 = $.data(obj, 'name2'); // 读取值
 console.log(str1) // "xm"
 console.log(str1) // "xh"
</div>

用法三:给Jquery dom对象取值赋值

<div class="demo"></div>
<script type="text/javascript" src="jquery-3.0.0.min.js"></script>
var obj = $('.demo');
 $.data(obj,{name1:"xm",name2:"xh"}); // 赋值
 var str1 = $.data(obj, 'name1'); // 读取值
 var str2 = $.data(obj, 'name2'); // 读取值
 console.log(str1) // "xm"
 console.log(str1) // "xh"
// 就是把obj换成jquery对象这么简单
</div>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • Jquery-data的三种用法

相关文章

  • 2017-05-11Vue.js基础学习之class与样式绑定
  • 2017-05-11微信小程序 跳转传参数与传对象详解及实例代码
  • 2017-05-11React实现点击删除列表中对应项
  • 2017-05-11详解Angularjs在控制器(controller.js)中使用过滤器($filter)格式化日期/时间实例
  • 2017-05-11nodejs个人博客开发第三步 载入页面
  • 2018-11-02echarts散点图,象限分析系列
  • 2017-05-11JavaScript无阻塞加载和defer、async详解
  • 2017-05-11微信小程序 动态绑定事件并实现事件修改样式
  • 2017-05-11bootstrap table操作技巧分享
  • 2017-05-11微信小程序页面传值实例分析

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • jQuery控制元素隐藏和显示
    • 多个上传文件用js验证文件的格式和大小的方法(推荐)
    • jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
    • bootstrap导航栏、下拉菜单、表单的简单应用实例解析
    • Javascript map如何实现
    • Bootstrap笔记—折叠实例代码
    • Bootstrap学习笔记 轮播(Carousel)插件
    • JavaScript解析JSON格式数据的方法示例
    • vue组件中点击按钮后修改输入框的状态实例代码
    • Ajax和Comet技术总结

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有