删除或隐藏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资源