<!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 οnclick="w()">showMe</button>
<button οnclick="d()">hideMe</button>
<button οnclick="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()方法可用。