用js来控制标签的隐藏和显示

1，首先来说一下标签的隐藏

（1），在标签中添加css属性即可{display:none}

（2），在标签中添加类hidden  如（haml例子：%input#diaplay.hidden）

（html例子：<input type="hidden">）

 

2，标签的显示与隐藏

只需两个函数即可：

$().removeClass('hidden');  //移除hidden类即显示被隐藏的标签

$().addClass('hidden');      //增加hidden类即隐藏某标签

 

3.例子（这里以haml为例）

 

%input#display
%button{:onclick=>"display_input()"}

 函数:显示标签

function display_input(){

   $('#display').remomeClass('hidden')
}

 函数：隐藏标签

function display_input(){

   $('#display').addClass('hidden')
}
 函数：隐藏标签