Jquery中.data()基本用法

本文介绍了一种利用jQuery库动态地将数据填充到HTML页面指定元素的方法。具体实现是通过在HTML文件中引入jQuery库,并使用jQuery选择器选取特定的`div`元素,然后设置该元素的数据属性来存储待显示的数值。最后通过jQuery获取这些数值并将其显示在页面上的`span`标签内。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一.导入js

<script type="text/javascript" src="js/jquery.js">
</script>

二.body内编写code

<div>
			我出一道算术题,
			<span></span> +
			<span></span>=?
</div>

三.script内编写code

<script>
$("div").data("test", {
	first : 16,
	last : 4
});
$("span:first").text($("div").data("test").first);
$("span:last").text($("div").data("test").last);
</script>

四.页面呈现效果


在此Over!将代码copy到html中即可,js需要自行引入,但注意路径。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

OOEM

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值