W3.JS 顯示/隱藏

w3.hide(selector)

使用元素 Id 隱藏元素

要隱藏具有指定 id 的元素，請(qǐng)?jiān)?code> id 名稱(chēng)前使用散列標(biāo)記(#)。

隱藏 id="London" 的元素:

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

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

隱藏所有<h2>元素：

使用類(lèi)名隱藏元素

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

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

使用元素 Id 顯示元素

要顯示具有指定 id 的元素，請(qǐng)?jiān)?id 名稱(chēng)前使用散列標(biāo)記 ("#")

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

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

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

顯示所有<h2>元素：

使用類(lèi)名顯示元素

要顯示具有指定類(lèi)名的所有元素，請(qǐng)?jiān)陬?lèi)名前使用句點(diǎn)(".")。

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

切換 隱藏/顯示

w3.toggleShow(selector)

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

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

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

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

使用類(lèi)名切換隱藏和顯示

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