jquery - 为什么JQuery hide()和show()不起作用？

我有一个简单的div，不能让它隐藏和显示。
我想我做得对，但找不到有什么问题。

<div id="thediv" >hola</div>
<input type="button" value="click to show">This is the div content</input>

$(document).ready(function() {
    $("div#thediv").hide();
    alert($("div#thediv").hide().attr("id"));
});

$("button").click( function() {
    $("div#thediv").show();
    alert('click');
});

另外，我在link“http://jsfiddle.net/rt9Fc/”创建了一个小提琴。
有什么想法吗？

最佳答案

将单击处理程序放入document.ready并将选择器更改为$("input:button")。-

$(document).ready(function () {
    $("div#thediv").hide();
    alert($("div#thediv").hide().attr("id"));
    $("input:button").click(function () {
        $("div#thediv").show();
        alert('click');
    });
});

演示