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

Question

我有一个简单的 DIV，但无法将其用于 hide() 和 show()。

我想我做对了，但找不到问题所在。

<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 创建了一个 fiddle “http://jsfiddle.net/rt9Fc/”。

有什么想法吗？

Answer 1

将您的点击处理程序放入 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');
    });
});

演示 ---> JsFiddle