jquery的隐藏和显示

简介: jquery的隐藏和显示

在jQuery中,可以使用.show()方法来显示元素,使用.hide()方法来隐藏元素

实例代码:

HTML:

<button id="show">显示</button>
<button id="hide">隐藏</button>
<div id="myDiv">这是一个可以显示和隐藏的div</div>

jQuery:

$(document).ready(function(){
$("#show").click(function(){
$("#myDiv").show();
});
$("#hide").click(function(){
$("#myDiv").hide();
});
});

在这个例子中,当点击"显示"按钮时,#myDiv会显示,点击"隐藏"按钮时,#myDiv会隐藏。

目录
相关文章
|
2月前
|
JavaScript
jQuery 隐藏/显示
jQuery 隐藏/显示
40 9
|
4月前
|
JavaScript
jQuery 效果- 隐藏和显示
jQuery 效果- 隐藏和显示
23 0
|
JavaScript 前端开发
JQuery显示和隐藏控件
JQuery显示和隐藏控件
56 0
|
JavaScript
JQuery动画的显示和隐藏
JQuery动画的显示和隐藏
|
6月前
|
JavaScript 前端开发
jQuery中显示与隐藏
jQuery中显示与隐藏
|
12月前
|
JavaScript
jquery鼠标悬停的时候图片改变
jquery鼠标悬停的时候图片改变
38 1
|
JavaScript 前端开发
jquery控制元素的隐藏和显示的几种方法
jquery控制元素的隐藏和显示的几种方法
576 0
|
JavaScript 测试技术 数据库
JQuery 控制html元素显示或隐藏
JQuery 控制html元素显示或隐藏
209 0
jQuery实现广告显示和隐藏
jQuery实现广告显示和隐藏
|
JavaScript 前端开发 UED
【jQuery动画】显示与隐藏效果
在网页开发中,适当地使用动画可以使页面更加美观,进而增强用户体验。jQuery中内置了一系列方法用于实现动画,当这些方法不能满足实际要求时,用户也可以自定义动画。本期我们一起来了解一下显示与隐藏效果吧~