jquery获取对象属性值的方法

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