本文介绍如何使用jQuery来设置和获取HTML元素的数据属性。通过两个按钮触发不同功能：一个是为div元素设置数据属性，另一个是读取该属性并显示出来。此示例展示了jQuery简化DOM操作的方式。
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn1").click(function(){
$("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
alert($("div").data("greeting"));
});
});
</script>
</head>
<body>
<button id="btn1">把数据添加到 div 元素</button><br />
<button id="btn2">获取已添加到 div 元素的数据</button>
<div></div>
</body>
</html>
扫一扫
3349
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
