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更好地控制元素（即“如果你试图隐藏整个组，除了一个特定的该组的成员，使用'visibility'，因为它可以在继承中重写。“link）

SVG Resource

删除或隐藏svg元素

1 个答案: