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

2024年11月29日 21:20

有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();
}
}