让type="hidden"显示

来源：互联网发布：工业视觉软件编辑：程序博客网时间：2024/05/16 04:37

<!DOCTYPE html><html><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(function(){});function w(){$("#b").show();}function d(){$("#b").hide();}function qq(){$("#w").prop('type','text');    //改变属性 ，此处attr()不可用}</script><body><span id="a" hidden="hidden">我来了</span><p hidden="hidden" id="aa">这是一段隐藏的段落。</p><p>这是一段可见的段落。</p>0:<input name="test" value="ww"  id="w" type="hidden" />1:<input type="text" name="test" value=""  id="q" hidden = "hidden"></input>2:<input type="text" name="test" value="test" style="display:none;" id="b"></input>3:<input type="hidden" name="test" value="h" id="c"/><br>4：<div id="ds" type="hidden">为什么</div><button onclick="w()">showMe</button><button onclick="d()">hideMe</button><button onclick="qq()">propMe</button></body></html>

提示：

1.input标签有type="hidden"属性对hide()和show()方法不管用，但是可以通过prop改变属性type为text来解决；

2.但是div标签有type="hidden"属性对hide()和show()方法可用，div无type="hidden"属性；但是有hidden = "hidden"和style="display:none;"属性且对hide()和show()方法可用

3.然而input标签的hidden = "hidden"和style="display:none;"对hide()和show()方法可用。

0 0