如何使用Svelte框架操作DOM

在Svelte和其他状态驱动的UI框架中，很少会操作DOM。相反，您实际上是告诉框架DOM 对于某些给定数据应该是什么样的，并让它找出所有细节。

因此，要显示或隐藏元素以响应按钮单击，您需要执行以下操作（REPL链接）：

toggle visibility

{{#if visible}}
  
hello!
{{/if}}

或者，如果您想将元素保留在DOM中但将其隐藏（REPL链接）：

toggle visibility

与手动操作DOM相比，这要好得多，因为您可以更改所有详细信息-它是什么类型的元素，因此可以使用什么jQuery选择器作为目标，是否还需要根据更改其他内容visible，等等-无需重写所有代码。