jquery中data用法

我的div呢 我的div呢 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 700+累计阅读 700平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄8年
关注
原创 最新推荐文章于 2026-05-11 11:57:05 发布 700 阅读 AI 写同款· GEO 优化 ›
深入理解jquery中data方法的多种用法 data()是jQuery的一个核心方法，用于简化DOM元素上数据的存储和读取。通过这个方法，开发者能够以一种简单和直观的方式存储数据，这些数据可用来维持元素的状态信息，或者附加一些特定的配置信息。data()方法使用键值对的方式来操作数据，使得数据管理更为灵活和方便。数据类型使用场景优缺点示例data-*属性静态数据，不在服务器和客户端间传输优点：保持HTML语义化；缺点：不适合大量数据存储直接在JavaScript中使用data()方法。 阅读详情 
data() 方法向被选元素附加数据，或者从被选元素获取数据。

$("#div-gb").data("url");
https:www.xxxx.com/xxx.jpg
从元素返回数据
$(selector).data(name)

向被选元素附加数据
$(selector).data(name,value)
收录于
JQ

当前文章被收录于：

JQ
6 篇文章 0 人学习
订阅专栏 查看详情
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
MT6771 Android13 背光曲线调试与光感数据校准实战 本文详细介绍了MT6771平台在Android 13系统上进行背光曲线调试与光感数据校准的实战经验。针对高亮度环境下背光误调节问题，深入分析了光感数据上报机制，并提供了驱动层配置修改、背光曲线优化及常见问题解决方案，帮助开发者快速定位并解决类似问题。 阅读详情

相关推荐

squirrel校园二手交易平台

squirrel校园二手交易平台 （适合寻找SSM项目练手的你。） 项目起源： 　　期末的课程设计，三人一组，我和两个舍友，一时起兴，决定做一个校园二手交易平台，一开始兴致与激情满满，可是后期时间上的冲突，让我们三个人对于这个项目有点累。 　　这个项目刚定题两天，BezosLee由于通过了360的网上在线笔试，收到了360公司的免费培训邀请，要去北京的360总部进行培训一周，值得庆...

K.SHI的博客 5万+

常用jquery方法 总结

非常全的jQuery常用技巧总结 1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的

wang_lianglove的专栏 1136

保姆级教程：用安卓手机+IP摄像头App，5分钟搭建一个免费的RTSP监控测试环境

本文提供了一份详细的保姆级教程，教你如何利用安卓手机和IP摄像头App在5分钟内搭建免费的RTSP监控测试环境。通过零成本方案，开发者可以快速获取实时视频流，适用于计算机视觉、物联网开发等多种场景。教程涵盖工具选型、配置详解、电脑端测试及OpenCV集成，助你高效完成开发测试。

weixin_27419879的博客 276

jQuery 之 笔记整理

<img src="a.png" alt=""> <script> var i = 0; $('div').click(function () { if (i%2 == 0){ this.src = 'b.png'; } else { ...

紫陌520的博客 435

普罗米修斯监控达梦数据库集群

-----------------------------------新增文件---------------------------------------注：图上即为启动成功，如果没有问题，则使用nohup后台启动程序。官网地址：https://github.com/gy297879328/dameng_exporter。注：prometheus的对数据库的指标采集如果高于60s一次，请手动修改提供表盘中的计算值。修改dameng_exporter.config配置文件，修改账号密码的部分。

weixin_49985403的博客 1682

feko金属球远场RCS双站

feko金属球远场RCS双站

a264672的博客 6911

var id = $(this).data(‘id‘)；

$（this）就是获取当前的意思，点击了一个地方，那么this就是指向这个地方

m0_49471668的博客 1720

手把手教你用ROS2控制PX4无人机画个圆：从C++代码到Gazebo仿真全流程解析

本文详细解析了如何使用ROS2控制PX4无人机实现圆形轨迹飞行，涵盖从C++代码编写到Gazebo仿真的全流程。重点介绍了Offboard模式下的控制算法实现、圆形轨迹生成的数学原理，以及解决通信延迟和坐标系转换等常见问题的实用技巧。通过实战案例，帮助开发者快速掌握无人机轨迹跟踪仿真的核心技术。

weixin_30839881的博客 96

解析$(this).data('type');

html： <button type="button" class="layui-btn layui-btn-sm" data-type="addRow" title="添加一行"> js： //注册按钮事件 $('.layui-btn[data-type]').on('click', function () { var type = $(this).data('type'...

Wuhaotian1996的博客 6965

第4章--CANoe library开发 - 诊断功能

因为专栏要做的是汽车ECU自动化测试程序，测试的是ECU的诊断和刷新，因此就需要利用CANoe的接口，开发一些方便使用的诊断报文收发函数。

j187067046的博客 1398

游戏战斗系统架构设计的演绎之路——从一坨意大利面条到一座精密钟表

摘要：游戏战斗系统架构设计的演进之路 本文系统梳理了游戏战斗系统从早期街机到现代3A大作的架构发展历程。70-80年代的街机游戏采用基础碰撞盒判定（如《街头霸王》）；90年代实现动画融合与状态机架构（《最终幻想》《拳皇》）；2000年后MMO引入服务器验证与同步技术（《魔兽世界》）；3D时代融合物理引擎与智能AI（《GTA5》《只狼》）；移动端则发展出轻量化架构与云端判定（《王者荣耀》）。现代战斗系统已实现模块化、数据驱动和热更新，未来趋势是AI裁判与云战斗系统。这一演进过程展现了技术与创意的完美结合，数百

本博客聚焦游戏开发技巧、创业实战心得及大学热门课程干货。这里既有技术深度，也有思维广度，无论你是开发者、创业者还是高校学子，都能在这里找到适合自己的成长之路！ 801

jQuery学习笔记（一）

新技术要了解学习，老技术也不能忘，还要查缺补漏。

3y先生的博客 412

2026实测可用！4个专业AI Agent Skills垂直搜索平台对比

📊本文以表格形式整理4个实测可用的专业AI Agent Skills垂直搜索平台，涵盖资源规模、适配生态等关键维度🤖，适合开发者按需选择技能获取渠道，解决平台筛选与访问难题✨

XiaoqiangClub的博客 525

Jquery中-data的三种用法

/ 就是把obj换成jquery对象这么简单。

qq_42690512的博客 1288

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox（带书签），MATLAB统计学习工具

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用，资源的后缀为tar.gz格式的压缩包

ajax里的data的用法,Jquery中ajax方法data参数的用法

$.ajax({type: "POST",url: "some.php",data: "name=John&location=Boston", //第一种方式传参// data: {name:"John",location:"Boston"} //第二种方式传参// data: {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'...

weixin_31710909的博客 4665

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0， 兼容Win7/Win10/WinXP，解压就可用。

jquery data的用法

jquery data和 jquery attr, js getAttribute 有着本质的区别，并且无法用$(el).data('property')的方法，去获取$(el).attr('data-property')和 getAttribute('property')的值 jquery data 是一种缓存机制 用法如下： data()方法 //HTML代码 <div ...

weixin_30435261的博客 156

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

jquery选择器通配符及事件监听和data用法介绍

今天继续介绍前端中的jquery,在前端中，jquery用的最多，功能也很强大，今天继续对其进行介绍，关于jquery的其他文章，请看jquery 今天主要介绍jquery的三块内容： jquery选择器通配符 jquery选择器中的通配符经常用到，大致的用法总结如下： $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");//id属性以code结束的所有input标签 $("input[id*

txun123的博客 1202

jQuery.prop()、 jQuery.attr()、jQuery.data()方法的用法和区别

jQuery.prop()和 jQuery.attr()方法同样都能够添加属性，但是也是有区别的，一般attr()用的比较频繁，但是有些情况用prop()更为方便。 基本的使用： &lt;style&gt; .bg{ width:200px; height:200px; ...

youyouyouyou44的博客 172

关于Jquery中ajax方法data参数用法的总结

data 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组，jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。 示例： $.ajax({ ...

bangwencai0604的博客 512

jQuery attr() prop() data()用法及区别

jQuery attr() prop() data()用法及区别 .attr()，此方法从jq1.0开始一直存在，官方文档写的作用是读/写DOM的attribute值，其实1.6之前有时候是attribute，有时候又是property。.prop()，此方法jq1...

didi8969的博客 221

jQuery中attr()、prop()、data()用法及区别

jQuery中attr()、prop()、data()用法及区别 .attr()，此方法从jq1.0开始一直存在，官方文档写的作用是读/写DOM的attribute值，其实1.6之前有时候是attribute，有时候又是property。 .prop()，此方法jq1.6引入，读/写DOM的property。 .data()，此方法在jq1.2.3引入，作用是把任意的值读取/存储到DOM

VictorDe的博客 400

jquery-data的用法

jQuery-data主要是用来存储数据，帮助普通对象或者jQuery对象来存储数据，其实如果单纯的储存dom的单一的属性，用attr自定义属性足够了；如果存储多个键值对建议用jQuery-data; 例如： 图片的懒加载好多插件就用到了jquery-data，先把图片的真实地址储存到jquery-data中，做个监听事件，等到滑到该图片时再把真实地址取出来；

黄洪波的博客 266

data 原生用法 jquery 用法

//原生js： document.getElementById("obj").dataset.bid = "1";//赋值 var bid = document.getElementById("obj").dataset.bid;//取值 document.getElementById("obj").setAttribute("data-bid", "1");//赋值 var ...

weixin_30951743的博客 118

Jquery-data的三种用法

记录一下 Jquery-data的用处： 　　　　jQuery-data主要是用来存储数据，帮助普通对象或者jQuery对象来存储数据，其实如果单纯的储存dom的单一的属性，用attr自定义属性足够了；如果存储多个键值对建议用jQuery-data; 　　　　例如： 图片的懒加载好多插件就用到了jquery-data，先把图片的真实地址储存到jquery-data中，做个监听事件，等到滑到该...

weixin_30716725的博客 112

jquery data attr val 用法

<!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <script> $(document).ready(function(){ $("p").click(function(e){ alert("Value: " + $(e.target).data('aa')); })

fangchao3652 1264
上一篇： jQuery中hover两个fun(){},函数所代表的的意义及用法
下一篇： H5之video的属性用法
点赞 0
评论 0
书签 书签 0
我的div呢
我的div呢
博客等级 码龄8年 2粉丝 16原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值