文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
使用选择器查找 DOM 元素
第一个要解决的问题是创建一个 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论