使用Jquery css后将样式还原为css文件

我在另一个元素的click函数中将delete图标元素的显示设置为none，然后使用JQuery将其设置回block

但是在类的css文件中， 我有

pageButton是包含删除图标的父div

但是，在运行click函数之后，它似乎禁用了css，使其在悬停父对象时显示，而在不显示时消失。是否仍然需要将样式重置为css文件

---

谢谢

另一种方法是，使用jquery，您只需在删除图标中添加/删除一个类

.hideIcon{display:none;}

---

因此，使用jquery，单击时切换类：.toggleClass（'hideIcon'）

我建议您在javascript中使用添加/删除类，而不是show（）/hide（）。 在本例中，要添加和删除的类是show_按钮

//The onclick event for external element
$('#hide_delete').click(function (){
  $('.pageButton').toggleClass('show_button');
  return false;
});

//This will add the class when the mouse is in, and will remove it when the mouse is out.
$('.pageButton').hover(function (){
    $(this).addClass('show_button');
  },
  function (){
    $(this).removeClass('show_button');
});

.pageDeleteIcon {
  display:none;
}
.pageButton.show_button .pageDeleteIcon {
  display: block;
}

此css将根据类的存在显示或隐藏按钮

//The onclick event for external element
$('#hide_delete').click(function (){
  $('.pageButton').toggleClass('show_button');
  return false;
});

//This will add the class when the mouse is in, and will remove it when the mouse is out.
$('.pageButton').hover(function (){
    $(this).addClass('show_button');
  },
  function (){
    $(this).removeClass('show_button');
});

.pageDeleteIcon {
  display:none;
}
.pageButton.show_button .pageDeleteIcon {
  display: block;
}

---

您可以看到一个示例：

不确定我是否正确阅读了问题，但这可能就是您要查找的内容：jQuery和HTML在哪里……请发布代码……将样式设置为空字符串应“还原”回页面默认设置为什么手动设置属性？jQuery有

.hide（）

和

.show（）

只是因为它们会自动处理此类情况。嗯，将显示值设置回“”而不是“block”似乎已经解决了这一问题。css就像在div标记中添加一个style=“…”，将其设置为空就像删除它一样，所以它默认返回到css文件？