jquery怎么实现点击一个按钮控制一个div的显示和隐藏

2024-11-29 21:20:28

推荐回答（3个）

回答1：

jQuery提供了toggle()函数用于切换显示和隐藏：显示被隐藏的元素，隐藏已显示的元素，示例代码：

切换显示
我是目标元素

$(document).ready(function(){
  $("button").click(function(){
  $("#test").toggle();
  });
});

回答2：

1.
html代码如下：其中有一个button和一个div

2.
js代码如下：
$(function(){
$('input:button').click(function(){ $('div').fadeToggle() }
})3.
jquery中隐藏一个元素的方法有toggle(),fadeToggle(),css('display','none')等，fadeToggle()有淡出的效果

回答3：

$("#btn").click(function(){
var div = $("#div");
if ( div.css("display") === "none" ) {
div.show();
} else {
div.hide();
}
}