jquery如何实现在div上存储数据

 时间:2024-10-28 01:41:41

1、新建一个html文件,命名为test.html,用于讲解jquery如何实现在div上存储数据。

jquery如何实现在div上存储数据

2、在test.html文件中,使用div标签创建一行文字,并设置其id为mydiv。

jquery如何实现在div上存储数据

3、在test.html文件中,使用button标签创建两个按钮,其中一个按钮用于点击实现把数据添加到div元素上,另一个元素用于获取已添加到div元素的数据。

jquery如何实现在div上存储数据

4、在js标签内,通过id(btn1)获得按钮对象,给它绑定click点击事件,当按钮蹲赓忧甘被点击时,通过id获得div对象,使用data()方法向div添加数据。例如 ,添加color为red的数据。

jquery如何实现在div上存储数据

5、在js标签内,通过id(btn2)获得按钮对象,给它绑定click点击事件,当按钮蹲赓忧甘被点击时,通过id获得div对象,使用data()方法通过上一步设置的名称获得div中的数据,并使用a造婷用痃lert()方法输出获得的数据。

jquery如何实现在div上存储数据

6、在浏览器打开test.html文件,点击按钮,查看结果。

jquery如何实现在div上存储数据
jquery如何实现在div上存储数据
  • 我的世界吸血鬼mod攻略
  • 我的世界狼人mod怎么变狼神
  • 枪火重生联机怎么解决
  • 我的世界GC怎么制作电动压缩机
  • 我的世界火力发电机怎么做
  • 热门搜索
    狼王梦手抄报 教师节手抄报图片 手抄报花边简单手绘 中秋节手抄报内容资料 动物手抄报 清明手抄报 简单 关于健康的英语手抄报 缅怀先烈的手抄报图片 关于童年的手抄报 营养与健康手抄报