2 页面有1个div,1个显示按钮一个隐藏按钮;点击按钮实现div的出现和消失,提示使用hide()和show()
时间: 2024-02-22 20:57:41 浏览: 130
显示和隐藏按钮
4星 · 用户满意度95%
好的,我明白了。以下是示例代码:
HTML代码:
```html
<div id="myDiv">
这是一个div
</div>
<button id="showBtn">显示</button>
<button id="hideBtn">隐藏</button>
```
JavaScript代码:
```javascript
$(document).ready(function(){
// 点击显示按钮
$("#showBtn").click(function(){
$("#myDiv").show(); // 显示div
});
// 点击隐藏按钮
$("#hideBtn").click(function(){
$("#myDiv").hide(); // 隐藏div
});
});
```
这样,当点击"显示"按钮时,div将会显示出来;当点击"隐藏"按钮时,div将会被隐藏起来。
阅读全文