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

 时间:2026-02-14 05:47:48

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的属性值?

1、创建一个test.html文件。


2、使用div创建两行文字,并设置其class为mydiv。
3、分别给div添加data属性,并设置data的属性值分别为aa,bb。
4、在js标签内,获得div对象,给div对象绑定click事件,当div被点击时,通过this获是当前点击的div对象,使用attr()方法获是data的属性值,并保存在res变量中,最后,通过alert()方法将data属性值输出。
  • jquery怎样获得页面所有div的id值
  • weblogic被管节点启动报错transport error 202
  • Intellij idea 中的Darcula主题怎么把颜色改回来
  • Eclipse打开文件时资源管理器自动定位到该文件
  • 易语言编辑框怎么换行?
  • 热门搜索
    虔怎么读 芒果怎么切方便吃 糖醋丸子的家常做法 山药炖鸡的做法 石斑鱼的做法 湿疹怎么治 离职原因怎么写比较好 美食的做法 雏怎么读 姜撞奶的做法