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

2025-04-17 10:12:03

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的属性值
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢