1、新建一个html文件,命名为test.html,用于讲解jquery如何获取点击div的属性值。
2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。
3、在test.html文件内,使用div创建两行文字,并设置其class为mydiv,主要用于下面通过该class获得div对象。
4、在test.html文件内,分别给div添加data属性,并设置data的属性值分别为aa,bb。
5、在js标签内,获得div对象,给div对象绑定click事件,当div被点击时,执行function函数。
6、在function函数内,通过this获是当前点击的div对象,使用attr()方法获是data的属性值,并保存在res变量中,最后,通过alert()方法将data属性值输出。
7、在浏览器打开test.html文件,分别点击div,查看结果。