jquery获取对象属性值的方法
通过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”这个值。

WPS Office是一款面向macOS用户的综合办公套件,将文字处理、电子表格、演示文稿、PDF工具、模板与云协作整合在同一应用中。它兼容常见Microsoft Office格式,支持Intel及Apple芯片Mac,基础功能可免费使用,
Shapr3D是一款面向工业设计、机械工程、建筑概念和三维打印工作流的CAD软件。Mac版采用Parasolid建模内核,支持草图约束、实体建模、工程图、可视化渲染及常见CAD格式交换,并可通过账户在多台设备之间同步项目。
REAPER是Cockos开发的数字音频工作站,提供多轨音频与MIDI录制、剪辑、处理、混音和母带制作工具。Mac版兼容Intel与Apple芯片,支持AU、VST、VST3、CLAP等插件格式,并提供高度可定制的工作流程。
Adobe Photoshop 是面向摄影师、设计师和内容创作者的专业图像处理工具,可在 Windows 上完成照片修饰、选区抠图、图层合成、文字排版、绘画及生成式编辑。软件采用订阅授权,由 Creative Cloud 管理安装、更新与许
Adobe InDesign 是面向印刷与数字出版的专业页面排版工具,可制作书籍、杂志、宣传册、海报、交互式 PDF 和电子书。它提供精细的文字样式、多页面管理、印前检查及多格式输出能力,并能与 Photoshop、Illustrator
Adobe Illustrator 是用于绘制矢量图形、插画、图标、徽标和版式的专业设计工具。它以路径和锚点为核心,作品放大后仍能保持清晰,并提供画板、文字、渐变、图像描摹及精确变换等功能,适合品牌视觉、印刷物料、数字界面和商业插画创作。













