jquery获取对象属性值的方法
作者:NorthPath
时间:2026-07-17
浏览:0
通过class选择器定位div元素,调用jQuery的attr('dataid')方法获取自定义属性值,并用alert弹窗显示。该操作常用于读取HTML5data-*属性,方便前端获取数据标识或配置信息,实现动态交互。示例中,div元素需含dataid属性。
本文目录
jQuery获取对象属性值的方法
先分享一个日常开发中经常遇到的场景:拿到一个DOM元素后,怎么快速获取它的自定义属性值?比如,一个div标签上有个dataid属性,我们想通过jQuery把它取出来。下面用一个完整的小例子来演示。
创建一个HTML文件,命名为test.html,这个文件就是我们的试验田。

在test.html里,先用div标签写一行文字,并给它设置一个class属性,叫mytext。这样方便后续通过class选择器来定位。

接下来,给这个div标签添加一个自定义属性dataid,值为123。这个属性在实际项目中可能用于存储临时数据或标识。

然后,在页面里放一个button按钮,给他绑定一个onclick事件:当按钮被点击时,执行一个叫getyyy()的函数。这是触发逻辑的入口。

关键步骤来了:在script标签里,定义getyyy()函数。函数内部,通过class选择器$('.mytext')拿到div对象,再调用jQuery的attr()方法,传入属性名'dataid',就能获取到对应的属性值。最后用alert()弹窗显示出来。

在浏览器中打开test.html,点击按钮,看看效果。如果一切正常,会弹出“123”这个值。

作者最新文章
如何通过EMRAI助手查询EMR组件相关问题
2026-11-01 16:16
EndNote Windows版官方下载与安装教程:许可确认到Word插件验证
2026-10-30 09:21
WinRAR压缩文件教程:参数设置与分卷压缩技巧
2026-10-29 09:38
华硕5070显卡提升AI创作效率
2026-10-27 11:04
navicat怎么设置自增主键及具体操作步骤
2026-10-22 22:43
上一篇:
Animate怎么调整渐变变形
下一篇:
jquery如何获取所有input框
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多

































