W3.JS 顯示/隱藏

w3.hide(selector)

使用元素 Id 隱藏元素

要隱藏具有指定 id 的元素，請在 id 名稱前使用散列標(biāo)記(#)。

隱藏 id="London" 的元素:

使用標(biāo)簽名隱藏元素

要隱藏具有指定標(biāo)簽名的所有元素，可以使用標(biāo)簽名(沒有 "<" 和 ">" )作為選擇器。

隱藏所有<h2>元素：

使用類名隱藏元素

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

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

使用元素 Id 顯示元素

要顯示具有指定 id 的元素，請在 id 名稱前使用散列標(biāo)記 ("#")

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

使用標(biāo)簽名顯示元素

要顯示具有指定標(biāo)簽名的所有元素，可以使用標(biāo)簽名(不帶"<"和">")作為選擇器

顯示所有<h2>元素：

使用類名顯示元素

要顯示具有指定類名的所有元素，請在類名前使用句點(".")。

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

切換 隱藏/顯示

w3.toggleShow(selector)

使用元素 Id 切換隱藏和顯示

在隱藏和顯示包含 id="London" 的元素之間切換:

使用標(biāo)簽名切換隱藏和顯示

在隱藏和顯示所有<h2>元素之間切換:

使用類名切換隱藏和顯示

在隱藏和顯示包含 class="city" 的元素之間切換: