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"
的元素之间切换: