养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

jQuery如何获取点击div的属性值

时间:2024-10-28 14:29:34

在jquery中,通过给div绑定click点击事件,当div被点击时,使用att筠续师诈r()方法获得的属性值。下面小编举例讲解jQuery如何获取点击div的属性值。

jQuery如何获取点击div的属性值

工具/原料

html+jquery

代码编辑器:DreamweaverCS5

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解jquery如何获取点击div的属性值。

jQuery如何获取点击div的属性值

2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。

jQuery如何获取点击div的属性值

3、在test.html文件内,使用div创建两行文字,并设置其class为mydiv,主要用于下面通过该class获得div对象。

jQuery如何获取点击div的属性值

4、在test.html文件内,分别给div添加data属性,并设置data的属性值分别为aa,bb。

jQuery如何获取点击div的属性值

5、在js标签内,获得div对象,给div对象绑定click事件,当div被点击时,执行function函数。

jQuery如何获取点击div的属性值

6、在function函数内,通过this获是当前点击的div对象,使用attr()方瓠鲶陋啼法获是data的属性值,并保存在res变量中,最后,通过alert()方法将data属性值输出。

jQuery如何获取点击div的属性值

7、在浏览器打开test.html文件,分别点击div,查看结果。

jQuery如何获取点击div的属性值

jQuery如何获取点击div的属性值

© 一点知识