jQuery"；隐藏“；功能不工作

我很难让jQuery的“隐藏”功能正常工作。我只是在使用死链接吗？我应该使用2.1.1吗？“警报”功能似乎有效，但隐藏功能无效。你知道我还应该做什么吗

*{
边际：0px；
填充：0px；
}
#容器{
宽度：900px；
保证金：0px自动；
字体系列：helvetica；
}
.效果{
}
.effects按钮，#内容{
显示：内联块；
/*垂直对齐：顶部*/
}
钮扣{
边框：2倍纯色灰色；
边界半径：5px；
填充物：5px；
利润率：50px0；
位置：相对位置；
垂直对齐：居中；
字号：18px；
字体大小：粗体；
}
#内容{
宽度：700px；
}
#含量h2，p{
显示：块；
垂直对齐：顶部；
宽度：700px；
}
氢{
文本对齐：居中；
宽度：700px；
}
p{
宽度：700px；
}
#边界{
边框底部：4倍纯黑；
填充：10px0；
/*利润率：10px0*/
}

帮助我使用jQuery
$（文档）.ready（函数（）{
$（'h1'）。单击（函数（）{
警惕（“你好”）；
})
$（“#隐藏”）。单击（函数（）{
$（'p'）.hide（）；
})
})
哟
隐藏
隐藏
隐藏匹配的元素

小字体，您需要更正这一行：

<button div="hide">hide</button>

哟
隐藏
隐藏
隐藏匹配的元素

您的问题在于按钮

<button div="hide">hide</button>

隐藏

它应该是id=“hide”

YOOO
隐藏
隐藏
隐藏匹配的元素

---

查看此JSFIDLE:

再次仔细查看您的代码。您需要将div=“hide”更改为id=“hide”。谢谢，我更改了div=>id，但仍然不起作用。谢谢，我更改了div=>id，但仍然不起作用。javascript表单，是的。jQuery格式，noIt目前也在我链接的JSFIDLE上运行

<button div="hide">hide</button>

<h1>YOOO</h1>
<div id="container">
    <div class="effects">
        <button id="hide">hide</button>
        <div id="content">
            <h2>hide</h2>
            <p>Hide the matched elements.</p>
        </div>
        <div id="border"></div>
    </div>
 </div>