用js來控制標籤的隱藏和顯示

2021-09-02 13:42:05 字數 477 閱讀 5012

1,首先來說一下標籤的隱藏

(1),在標籤中新增css屬性即可

(2),在標籤中新增類hidden  如(haml例子:%input#diaplay.hidden)

(html例子:)

2,標籤的顯示與隱藏

只需兩個函式即可:

$().removeclass('hidden');  //移除hidden類即顯示被隱藏的標籤

$().addclass('hidden');      //增加hidden類即隱藏某標籤

3.例子(這裡以haml為例)

%input#display

%button

函式:顯示標籤

function display_input()
函式:隱藏標籤

function display_input()

函式:隱藏標籤

原生js控制控制 彈窗的顯示和隱藏

以防浪費大家的時間,還是先上效果圖吧,滿足您的需求就往下look吧。重要知識點 點選其他地方,也就是除了小叉子之外的地方也能夠關閉彈窗哦。已標紅 點選彈出 我是彈框中的內容 css body button modal modal win win span win p js var btn docum...

js控制按鈕,div顯示和隱藏

點我一下 方法 一 mymodal show 顯示 mymodal hide 隱藏 方法二 mymodal css display none 隱藏 mymodal css display block 顯示 演示方法 mymodal click function 如果出現排版問題,刪除block my...

JS控制頁面控制項顯示和隱藏

方法一 document.getelementbyid eleid style.visibility hidden document.getelementbyid eleid style.visibility visible 利用上述方法實現隱藏後,頁面的位置還被控制項占用,顯示空白。方法二 doc...