為什么預(yù)先設(shè)置了type=“hidden”就會(huì)使hide()和show()是失效？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
? ? <head>
? ? ? ? <title>使用show()和hide()方法顯示和隱藏元素</title>
? ? ? ? <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
? ? ? ? <link href="style.css" rel="stylesheet" type="text/css" />
? ? </head>
? ??
? ? <body>
? ? ? ? <h3>使用show()和hide()方法顯示和隱藏元素</h3>
? ? ? ? <div>
? ? ? ? ? ? <h4>我喜歡吃的水果</h4>
? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? <li>蘋果</li>
? ? ? ? ? ? ? ? <li>甘桔</li>
? ? ? ? ? ? ? ? <li>梨</li>
? ? ? ? ? ? </ul>
? ? ? ? ? ? <input id="hidval" type="hidden" value="0"/>
? ? ? ? </div>
? ? ? ??
? ? ? ? <script type="text/javascript">
? ? ? ? ? ? $(function () {
? ? ? ? ? ? ? ? $("h4").bind("click", function () {
? ? ? ? ? ? ? ? ? ? if ($("#hidval").val() == 0) {
? ? ? ? ? ? ? ? ? ? ? ? $("#hidval").show();
? ? ? ? ? ? ? ? ? ? ? ? $("#hidval").val(1);
? ? ? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? ? ? ? $("#hidval").hide();
? ? ? ? ? ? ? ? ? ? ? ? $("#hidval").val(0);
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? });
? ? ? ? ? ? });
? ? ? ? </script>
? ? </body>
</html>
2016-03-28
因?yàn)槌跏寄J(rèn)是顯示的，所以添加一個(gè)css樣式hidden，這個(gè)看你開始想要的是隱藏還是顯示的。
2016-03-18
hide() 是方法 hidden 是屬性。貌似是這樣