删除或隐藏svg元素

Question

是否可以使用css或jquery删除或隐藏svg元素。 我知道如何使用css“编辑”div元素。 像这样的东西：

div[style="position: absolute; cursor: pointer; width: 207px; height: 95px; left: 513px; top: 0px; -webkit-transform-origin: 100% 0%;"] {
    display: none !important;
    }

而且我很奇怪是否有类似svg的东西。 svg的代码示例

<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 207 95" xml:space="preserve" height="95px" viewBox="0 0 207 95" width="207px" version="1.1" y="0px" x="0px">

谢谢

Answer 1

使用SVG visibility属性。

https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/visibility

visibility属性使您可以控制图形元素的可见性。 使用隐藏或折叠值时，当前图形元素是不可见的

---

[ 更新 ]

但是display: none; 和opacity: 0也可以。

但是要知道opacity （ MDN Link ）是计算上最昂贵的（因为即使元素没有在视觉上显示，它也会使元素点击事件保持活动状态），

visibility ，

然后display ， https：//developer.mozilla.org/en-US/docs/Web/SVG/Attribute/display 。

但是急于使用display并不总是最好的，因为我们可以通过visibility更好地控制元素（例如，“如果你试图隐藏整个组，除了该组的一个特定成员，使用'可见性'，因为它在继承中是可重写的。“ 链接 ”

SVG资源