<script> $(document).ready(function(){ $(".flip").click(function(){ $(".panel").toggle(1000); }); }); </script> <p class="flip">点击这里，隐藏/显示面板</p> <div class="panel"><p>一寸光阴一寸金，因此，我们为您提供快捷易懂的学习内容。</p> <p>在这里，您可以通过一种易懂的便利的模式获得您需要的任何知识。</p></div> </div>
更多的选择器实例
| 语法 | 描述 |
|---|---|
| $(this) | 当前 HTML 元素 |
| $("p") | 所有 <p> 元素 |
| $("p.intro") | 所有 class="intro" 的 <p> 元素 |
| $(".intro") | 所有 class="intro" 的元素 |
| $("#intro") | 的第一个元素 |
| $("ul li:first") | 每个 <ul> 的第一个 <li> 元素 |
| $("[href$='.jpg']") | 所有带有以 ".jpg" 结尾的属性值的 href 属性 |
| $("div#intro .head") | 的元素 |