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

 时间:2024-10-12 23:13:42

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的属性值
  • jquery怎样获得页面所有div的id值
  • weblogic被管节点启动报错transport error 202
  • Intellij idea 中的Darcula主题怎么把颜色改回来
  • Eclipse打开文件时资源管理器自动定位到该文件
  • 易语言编辑框怎么换行?
  • 热门搜索
    小学生读书手抄报图片 有关于元宵节的手抄报 绿色上网手抄报内容 我爱我家手抄报内容 简单英语手抄报图片 熊猫手抄报 关于圣诞节的手抄报 有关文明的手抄报 关于书的手抄报内容 守法手抄报