返回介绍

使用选择器查找 DOM 元素

发布于 2025-01-02 22:12:44 字数 776 浏览 0 评论 0 收藏 0

第一个要解决的问题是创建一个 JavaScript 函数来查找页面中的所有用户链接。 这个函数将在页面加载完成时运行,并且当完成时,将为所有页面配置悬停和弹出行为。 现在我要集中精力来寻找链接。

回顾 第十四章 ,在实时翻译中被调用的 HTML 元素具有唯一的 ID。 例如,ID = 123 的用户动态中具有 id="post123" 属性。 然后使用 jQuery,在 JavaScript 中使用表达式 $('#post123') 在 DOM 中定位此元素。 $() 函数功能非常强大,并且具有相当复杂的查询语言来搜索 DOM 元素,可以参考 CSS Selectors

我用于翻译功能的选择器旨在使用 id 属性查找一个具有唯一标识符的特定元素。 识别元素的另一种方法是使用 class 属性,它可以分配给页面中的多个元素。 例如,我可以用 class="user_popup" 标记所有的用户链接,然后我可以通过 $('.user_popup') 获取这些元素的列表(CSS 选择器中, # 前缀代表查询 id 属性, . 前缀代表查询 class 属性)。 在本处,返回值将是具有该类的所有元素的集合。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文