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" 的元素之間切換: