JQuery显示、隐藏div的几种方法简明总结

JQuery是一个广泛应用的Javascript库，可用来简化Javascript编程。JQuery可以轻松使用一系列查找DOM元素、添加动画效果等功能。下面我们将为大家简明总结几种基本的方法，以在网页中动态显示和隐藏div元素。

方法1：使用JQuery的show()和hide()函数

show()和hide()函数是JQuery中最简单的显示和隐藏元素的方法。要使用这些函数，只需编写以下代码：

$(document).ready(function(){
  $("#button1").click(function(){
    $("#div1").show();
  });
  $("#button2").click(function(){
    $("#div1").hide();
  });
});

上面的代码中，通过JQuery选择器选中一个按钮元素，当该按钮被点击时，显示或隐藏一个包含文本的div元素。可以使用类似的方法来选择其他元素以及指定不同的操作。这种方法简单易懂，适用于简单的动画效果。

方法2：使用“toggle”函数实现切换显示和隐藏状态

除了show()和hide()函数外，JQuery还提供了一个名为“toggle()”的函数，可以实现单击按钮切换div元素的显示和隐藏状态。示例代码如下：

$(document).ready(function(){
  $("#button1").click(function(){
    $("#div1").toggle();
  });
});

上面的代码中，通过选择器选中一个用于切换div元素的按钮。当单击该按钮时，调用toggle()函数切换div元素的显示和隐藏状态。

以上就是JQuery显示、隐藏div的几种方法的简洁总结，通过这些方法可以快速开发交互丰富、具有动态显示和隐藏效果的网页。