1、新建一个html文件,命名为test.html,用于讲解jquery如何实现在div上存储数据。
2、在test.html文件中,使用div标签创建一行文字,并设置其id为mydiv。
3、在test.html文件中,使用button标签创建两个按钮,其中一个按钮用于点击实现把数据添加到div元素上,另一个元素用于获取已添加到div元素的数据。
4、在js标签内,通过id(btn1)获得按钮对象,给它绑定click点击事件,当按钮蹲赓忧甘被点击时,通过id获得div对象,使用data()方法向div添加数据。例如 ,添加color为red的数据。
5、在js标签内,通过id(btn2)获得按钮对象,给它绑定click点击事件,当按钮蹲赓忧甘被点击时,通过id获得div对象,使用data()方法通过上一步设置的名称获得div中的数据,并使用a造婷用痃lert()方法输出获得的数据。
6、在浏览器打开test.html文件,点击按钮,查看结果。