页面有4个div，使用jquery实现点击一个按钮四个div依次全部消失，再点击这个按钮4个div依次全部出现，时间间隔2秒

可以使用以下 jQuery 代码来实现：

$(document).ready(function() {
  // 点击按钮隐藏或显示四个 div
  $("#btn").click(function() {
    if ($("#div1").is(":visible")) {
      // 如果 div1 可见，隐藏四个 div
      $("#div1").fadeOut(2000);
      $("#div2").fadeOut(2000);
      $("#div3").fadeOut(2000);
      $("#div4").fadeOut(2000);
    } else {
      // 如果 div1 不可见，显示四个 div
      $("#div1").fadeIn(2000);
      $("#div2").fadeIn(2000);
      $("#div3").fadeIn(2000);
      $("#div4").fadeIn(2000);
    }
  });
});

在 HTML 中需要准备一个按钮和四个 div：

<button id="btn">点击</button>
<div id="div1">Div 1</div>
<div id="div2">Div 2</div>
<div id="div3">Div 3</div>
<div id="div4">Div 4</div>

CSS 样式可以根据需求自行添加。

相关问题

使用jQuery实现当单击页面中的一个按钮时,将div元素向右移动100px。

可以使用jQuery的`animate()`函数实现该效果。代码如下：

$(document).ready(function() {
  // 绑定按钮点击事件
  $("#btn").click(function() {
    // 将div元素向右移动100px
    $("#myDiv").animate({left: '+=100px'}, 'fast');
  });
});

其中，`#btn`是按钮的id，`#myDiv`是要移动的div元素的id。`animate()`函数中的`left: '+=100px'`表示将元素的`left`属性增加100px，`'fast'`表示动画执行的速度。

jquery里面有一列div，点击按钮在最下面添加一个div并把div里面的文本加1

可以使用以下代码实现：

HTML代码：

<div class="wrapper">
  <div class="box">1</div>
  <div class="box">2</div>
  <div class="box">3</div>
  <div class="box">4</div>
  <div class="box">5</div>
  <button id="addBtn">Add Box</button>
</div>

jQuery代码：

$(document).ready(function() {
  $('#addBtn').click(function() {
    var numBoxes = $('.box').length;
    var newBoxNum = numBoxes + 1;
    var newBox = $('<div class="box">' + newBoxNum + '</div>');
    $('.wrapper').append(newBox);
    $('.box').last().text(parseInt($('.box').last().text()) + 1);
  });
});

首先，我们在HTML中定义了一个包含一些带有“box”类的div的“wrapper” div和一个“添加框”按钮。

在jQuery代码中，我们首先监听“添加框”按钮的点击事件。当该按钮被点击时，我们使用jQuery的.length方法获取当前页面中具有“box”类的div的数量，并将其存储在变量numBoxes中。

接下来，我们创建一个新的div元素，并将其添加到“wrapper” div中。我们还更新新div的文本，使其等于当前最后一个具有“box”类的元素的文本值加1。

最后，我们使用jQuery的last方法选择刚刚添加的最后一个具有“box”类的元素，并使用jQuery的text方法将其文本更新为新值。