這里面為什么input標簽里面的type屬性hidden能夠控制到ul標簽內(nèi)容,使得初始內(nèi)容顯示為隱藏?
<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) {
??????????????????????? $("ul").show();
??????????????????????? $("#hidval").val(1);
??????????????????? } else {
??????????????????????? $("ul").hide();
??????????????????????? $("#hidval").val(0);
??????????????????? }
??????????????? });
??????????? });
??????? </script>
??? </body>
</html>
2016-03-28
頁面加載的時候,ul的css樣式設置為display: none,所以使得初始內(nèi)容為隱藏。你應該看一下style.css的樣式,就會明白的。
2016-04-04
hidden 屬性是布爾屬性。
如果設置該屬性,它規(guī)定元素仍未或不再相關。
瀏覽器不應顯示已規(guī)定 hidden 屬性的元素。
hidden 屬性也可用于防止用戶查看元素,直到匹配某些條件(比如選擇了某個復選框)。然后,JavaScript 可以刪除 hidden 屬性,以使此元素可見。
hidden 屬性是 HTML5 中的新屬性。