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会隐藏。

目录
相关文章
|
3月前
|
JavaScript
jQuery 隐藏/显示
jQuery 隐藏/显示
50 9
|
5月前
|
JavaScript
jQuery 效果- 隐藏和显示
jQuery 效果- 隐藏和显示
26 0
|
JavaScript 前端开发
JQuery显示和隐藏控件
JQuery显示和隐藏控件
63 0
|
JavaScript
JQuery动画的显示和隐藏
JQuery动画的显示和隐藏
|
7月前
|
JavaScript 前端开发
jQuery中显示与隐藏
jQuery中显示与隐藏
|
JavaScript 前端开发
jquery控制元素的隐藏和显示的几种方法
jquery控制元素的隐藏和显示的几种方法
589 0
|
JavaScript 测试技术 数据库
JQuery 控制html元素显示或隐藏
JQuery 控制html元素显示或隐藏
215 0
jQuery实现广告显示和隐藏
jQuery实现广告显示和隐藏
|
JavaScript 前端开发 UED
【jQuery动画】显示与隐藏效果
在网页开发中,适当地使用动画可以使页面更加美观,进而增强用户体验。jQuery中内置了一系列方法用于实现动画,当这些方法不能满足实际要求时,用户也可以自定义动画。本期我们一起来了解一下显示与隐藏效果吧~
|
JavaScript 前端开发
jQuery——动画,显示与隐藏,获取,添加
必需的 params 参数定义形成动画的 CSS 属性 可选的 speed 参数规定效果的时长,可以取以下值:“slow”、“fast” 或毫秒。 可选callback 参数是动画完成后所执行的函数名称
131 0