1

这真的很基本,所以提前很抱歉不得不寻求帮助:o

我已经设置了一个简单的页面来使用 jQuery,但我无法使用简单的显示/隐藏功能。

这是我的代码..

<html>
<head>
    <title>Testing Javascript/jQuery</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script>
    $(document).ready(function() {
    $("div p").hide();
    });

    $("show").click(function(){
        $("div p").show()
    });

    $("hide").click(function(){
        $("div p").hide()
    });
    </script>
</head>
<body>
    <button id='hide'>Click to hide the text</button>
    <button id='show'>Click to show the text</button>
     <div><p>you can't see me!</p></div>   
</body>
</html>

Chromes 开发者工具没有给出任何错误,所以我不知道去哪里找。

文本最初是隐藏的,但显示和隐藏按钮什么也不做。

4

1 回答 1

3

代替

$("show").click(function(){

$("#show").click(function(){

这样 jQuery 就会查找带有 id 的元素show(当然对于 id 也是一样的$("hide"))。

于 2013-02-10T15:46:49.790 回答