用jQuery写代码 三张图分别三个按钮 按钮点击一下删除图片 点击两下恢复图片

下面是一个使用jQuery实现你描述的功能的示例代码：

HTML代码：

<div>
  <img src="image1.jpg" />
  <button class="delete">删除</button>
  <button class="restore">恢复</button>
</div>

<div>
  <img src="image2.jpg" />
  <button class="delete">删除</button>
  <button class="restore">恢复</button>
</div>

<div>
  <img src="image3.jpg" />
  <button class="delete">删除</button>
  <button class="restore">恢复</button>
</div>

JavaScript代码：

$(document).ready(function() {
  $('button.delete').on('click', function() {
    var img = $(this).prev('img');
    img.data('deleted', true);
    img.fadeOut();
  });

  $('button.restore').on('click', function() {
    var img = $(this).prev('img');
    if (img.data('deleted')) {
      img.data('deleted', false);
      img.fadeIn();
    }
  });

  $('img').on('dblclick', function() {
    var img = $(this);
    if (img.data('deleted')) {
      img.data('deleted', false);
      img.fadeIn();
    }
  });
});

这段代码首先使用jQuery选择器选择所有的删除和恢复按钮，并为它们添加单击事件处理程序。点击删除按钮时，它会获取相邻的图片元素，并使用jQuery的data()方法将图片的deleted属性设置为true。然后使用jQuery的fadeOut()方法将图片淡出。

当点击恢复按钮时，它会获取相邻的图片元素，并检查它的deleted属性是否为true。如果是，就将该属性设置为false，并使用jQuery的fadeIn()方法将图片淡入。

另外，当双击图片时，它会检查图片的deleted属性是否为true。如果是，就将该属性设置为false，并使用jQuery的fadeIn()方法将图片淡入，实现了双击恢复的功能。