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”这个值。

作者最新文章
漫蛙漫画APP下载安卓版免费
2026-10-13 13:42
漫蛙动漫下载安卓版安装包
2026-10-13 13:19
漫蛙manwa2免费漫画入口在哪
2026-10-13 13:17
漫蛙2漫画入口
2026-10-13 13:03
会声会影X5去除视频原有字幕的操作方法
2026-10-13 11:07
上一篇:
Animate怎么调整渐变变形
下一篇:
jquery如何获取所有input框
热门文章
更多
精品专题
更多
Mac软件
更多
WINDOWS
更多










































