• 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 > 详谈$.data()的用法和作用

详谈$.data()的用法和作用

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

通过本文主要向大家介绍了鬼怪详谈祥云寺,详谈,鬼话详谈祥云寺,凯迪拉克ct6功能详谈,鬼怪详谈等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

jQuery.data 即$.data()。向元素附加数据,然后取回该数据

这是提供给客户端程序员使用的方法,它同时是setter/getter。

传一个参数,返回附加在指定元素的所有数据,即thisCachejQuery.data(el); // thisCache

传二个参数,返回指定的属性值jQuery.data(el, 'name');

传三个参数,设置属性及属性值jQuery.data(el, 'name', 'jack');jQuery.data(el, 'uu', {});

传四个参数,第四个参数pvt仅提供给jQuery库自身使用。即jQuery._data方法中传true。因为jQuery的事件模块严重依赖于jQuery.data,为避免人为的不小心重写在这个版本中加入的

$.data("#blog_stats","name","lixuekai")
jquery.js:2 Uncaught TypeError: Cannot set property 'toJSON' of undefined(…)data @ jquery.js:2(anonymous function) @ VM913:1
var s = $("#blog_stats")
undefined
s
[<div id=​"blog_stats">​…​</div>​]
$.data(s,"name","lixuekai")
"lixuekai"
$.data(s,"name")
"lixuekai"
$.data(s)
Object {name: "lixuekai"}
$.hasData(s)

</div>

true上面代码的调试图如下:

jQuery.hasData 用来判断HTMLElement或JS对象是否具有数据。返回true或false。即如果调用了jQuery.data方法添加了属性,则返回true。

升级简单的写法:selector.data("key","value").

实测如下图:

这是一个位置给装了2个对象数据。然后看看效果如何。

就看截图吧,代码就不贴啦。

//从被选元素中返回附加的数据。
$(selector).data(name)

//向被选元素附加数据。
$(selector).data(name,value)

//使用带有名称/值对的对象向被选元素添加数据。(上面传简单的key value 键值对,这个直接给对象,不用一个个传)
$(selector).data(object)

</div>

以上这篇详谈$.data()的用法和作用就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

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

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

  • 详谈Angular 2+ 的表单(一)之模板驱动型表单
  • 详谈js使用in和hasOwnProperty获取对象属性的区别
  • 详谈angularjs中路由页面强制更新的问题
  • 详谈jQuery.load()和Jsp的include的区别
  • 详谈js遍历集合(Array,Map,Set)
  • 详谈js中数组(array)和对象(object)的区别
  • 详谈$.data()的用法和作用
  • 详谈js中window.location.search的用法和作用

相关文章

  • 2017-05-11js实现漫天星星效果
  • 2017-05-11微信小程序 欢迎页面的制作(源码下载)
  • 2017-05-11Vue数据驱动模拟实现3
  • 2017-05-11JavaScript中 this 指向问题深度解析
  • 2017-05-11使用ionic播放轮询广告的实现方法(必看)
  • 2017-05-11vue使用watch 观察路由变化,重新获取内容
  • 2017-05-11将鼠标焦点定位到文本框最后(代码分享)
  • 2017-05-11Jquery根据浏览器窗口改变调整大小的方法
  • 2017-05-11详解JS中遍历语法的比较
  • 2017-05-11详解vue的数据binding绑定原理

文章分类

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

最近更新的内容

    • 使用openSpeDiv方法实现Ecshop登录弹窗框效果
    • JS产生随机数的几个用法
    • Angular2库初探
    • 分享一道关于闭包、bind和this的面试题
    • 使用原生的javascript来实现轮播图
    • vue日期组件 支持vue1.0和2.0
    • 原生js仿浏览器滚动条效果
    • JavaScript简单生成 N~M 之间随机数的方法
    • jQuery实现文字自动横移
    • js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法

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

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