W3.JS 显示/隐藏

w3.hide(selector)

使用元素 Id 隐藏元素

要隐藏具有指定 id 的元素，请在 id 名称前使用散列标记(#)。

隐藏 id="London" 的元素:

使用标签名隐藏元素

要隐藏具有指定标签名的所有元素，可以使用标签名(没有 "<" 和 ">" )作为选择器。

隐藏所有<h2>元素：

使用类名隐藏元素

要隐藏具有指定类名的所有元素，可以在类名前使用句点( ". ")。

隐藏包含 class="city" 的元素

使用元素 Id 显示元素

要显示具有指定 id 的元素，请在 id 名称前使用散列标记 ("#")

显示包含 id="London" 的元素：

使用标签名显示元素

要显示具有指定标签名的所有元素，可以使用标签名(不带"<"和">")作为选择器

显示所有<h2>元素：

使用类名显示元素

要显示具有指定类名的所有元素，请在类名前使用句点(".")。

显示包含 class="city" 的元素：

切换 隐藏/显示

w3.toggleShow(selector)

使用元素 Id 切换隐藏和显示

在隐藏和显示包含 id="London" 的元素之间切换:

使用标签名切换隐藏和显示

在隐藏和显示所有<h2>元素之间切换:

使用类名切换隐藏和显示

在隐藏和显示包含 class="city" 的元素之间切换: