jquery对象属性值的获取方法

作者:袖梨 2026-07-18

jquery获取对象属性值的方法

新建一个html文件,命名为test.html,用于讲解jquery获取对象属性值的方法。

img_6a5b0303b6d5730.webp

在test.html文件内,使用div标签创建一行文字,并设置其class属性为mytext。

img_6a5b0303b6d5c31.webp

在test.html文件内,给div标签添加一个dataid属性,属性值为123。

img_6a5b0303b6d5f32.webp

在test.html文件内,创建一个button按钮,给button绑定onclick点击事件,当按钮被点击时,执行getyyy()函数。

img_6a5b0303b6d6133.webp

在js标签内,创建getyyy()函数,在函数内,通过class获得div对象,使用attr()方法获取div对象的dataid属性值,并使用alert()方法输出。

img_6a5b0303b6d6334.webp

在浏览器打开test.html文件,点击按钮,查看结果。

img_6a5b0303b6d6635.webp

相关文章

精彩推荐