javascript - 什么更好?用css 隐藏还是用jquery 添加?

标签 javascript jquery html css

<分区>

这是一个最佳实践问题。

我有一个复选标记图标,我只想在选中某个元素时显示它。

我的标准做法是在 HTML 中包含图标并默认使用 CSS 隐藏。然后我使用 jQuery 根据条件显示/隐藏图标。

这是最好的方法吗?或者最好不要在 HTML 中包含图标来开始,而是使用 jQuery 根据需要附加或删除图标?

我想我所说的“更好”是指性能和可用性。我应该补充一点,我不考虑将 css-only :checked 伪类作为此处的解决方案,因为它不适用于我的特定情况。

感谢您的意见!

最佳答案

如果是我,我会将图标添加到 DOM 并使用 CSS 默认隐藏。如果我已经在我的站点中使用 jQuery,那么我会很乐意使用它来进行切换,但如果没有,那么我不会仅仅为了这个功能而引入它,而是创建我自己的小型基础命名空间并向其中添加实用方法。

Generally speaking adding / removing DOM elements is slower than showing or hiding with or without jQuery.

关于javascript - 什么更好?用css 隐藏还是用jquery 添加?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25560873/

相关文章:

javascript - 通过 JSON 传递 JavaScript 函数

html - 如何阻止div重叠到图像?

javascript - 通过 div 传递 prop

javascript - 替换 iFrame 以加载外部页面 + 信息栏

用于更改 <h4> 的文本和字形的 Javascript 函数

javascript - 如何在jquery中找到容器的剩余总高度?

javascript - 每次特定函数运行时执行 Jquery

javascript - 使用 JSON 填充模态表单

javascript - 注意到该选项卡在下次打开时被 Chrome 丢弃

php - 数据表从服务器端处理在客户端搜索数据