jQuery:在跨度上使用鼠标事件比在 anchor 上使用鼠标事件更糟糕吗?

标签 jquery html css

使用 jQuery 事件(例如单击、鼠标悬停等)时,使用 anchor 和跨度有很大区别吗? anchor 具有可以在 jQuery 中调用的悬停状态,但除此之外,使用跨度是个好习惯吗? (或 div,或任何其他用于此目的的元素)。假设我想动态更改一些类并打开工具提示...这只是一个示例,我想知道是否出于某种原因“不推荐”它。

编辑: anchor 只允许在内部插入内联元素,这是让我想知道这是否是一种不好的做法的限制之一,因为在 anchor 内部我只能有跨度。我使用的 anchor 不指向任何地方,我使用它们只是为了利用 css 中的悬停样式,而不需要冗长且重复的脚本。

示例:

<span class="class">
    <p>Some text I don't want to use</p>
    <a class="anchorClass" href="#">Anchor with a specific behaviour</a>
</span>

<a class="class" href="#">
   <p>Some other text I don't want to use but I want it to be inside the anchor</p>
   <span class="spanClass">Span with a specific behaviour</span>
</a>

最佳答案

如果元素指向可以添加书签或作为直接链接发送的特定位置,请使用 <a>标签。如果没有,只需使用 <span> 。这样,对于禁用 JavaScript 的用户来说,您的应用程序将会正常降级。

我不知道还有什么建议。这通常是我在互换两者时遵循的规则。

关于jQuery:在跨度上使用鼠标事件比在 anchor 上使用鼠标事件更糟糕吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11044621/

相关文章:

javascript - 为什么谷歌控制台报告 <td> 的意外像素大小

html - 如何让div占据剩余高度?

html - 你能有一个 Style 并将所有 CSS 代码放在里面吗?

javascript - 如何将 Javascript 对象中相同的值元素分组?

javascript - HTML 无序列表中的第三级

javascript - 可过滤的多选组合框穿梭/转移小部件

html - 如何获得类似于 www.youtube.com 的可滚动侧边栏?

jquery - 使用 jquery post 时,Request.IsAjaxRequest() 在 Firefox 中为 true 但在 IE 中为 false 是怎么可能的

javascript - Angular JS - 错误 : ng:areq Bad Argument Argument 'GameContoller' is not a function, 未定义

css - 相对div与css悬停