在悬停时添加删除元素

Question

我有一个<ul>元素，对于每个<li>，我有一个<img>元素，因为我想要创建仅在悬停时出现的导航箭头。
我有两种方法可以继续： 使用jquery .hover()创建/删除元素：Demo 或者将元素保留在HTML部分中，显示无，并使用css将显示更改为阻止悬停伪 我知道我有很多<li>元素，而不是我在演示中实际代表的元素 什么是最有效的方法呢？ 在RAM负载方面，CPU的响应速度很快 同时也会对DOM操作和W3C标准产生影响 如果你好的话，或者最干净的方式。

Answer 1

CSS会更有效率。喜欢这个

li img {
  display: none;
}

li:hover img {
  display: block;
}