Question

我是html的新手，尤其是jquery，但我想在点击时显示隐藏照片。我提取了一些样本代码，这正是我想要的。 我没有编写此代码，我想修改图像与div的代码。代码如下所示。

我尝试了几种不同的方式和我的目标：
1.隐藏图像与div标签

任何帮助都会很精彩

<!DOCTYPE html> 
<html>
<head>
  <style>
  div { background:#def3ca; margin:3px; width:80px; 
  display:none; float:left; text-align:center; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

  <button id="showr">Show</button>
  <button id="hidr">Hide</button>
  <div>Hello 3,</div>

  <div>how</div>
  <div>are</div>
  <div>you?</div>
<script>
$("#showr").click(function () {
  $("div:eq(0)").show("fast", function () {
    /* use callee so don't have to name the function */
    $(this).next("div").show("fast", arguments.callee);
  });
});
$("#hidr").click(function () {
  $("div").hide(2000);
});

</script>
</body>
</html>

<button id="showr">Show</button>
<button id="hidr">Hide</button>

<div id="div">Test</div>

Answer 1

对于图片，只需将div更改为img（或将图片粘贴在div中，不要在脚本中更改任何内容，无论您的船是什么浮动），如下所示：

$("#showr").click(function () {
  $("img:eq(0)").show("fast", function () {
    $(this).next("img").show("fast", arguments.callee);
  });
});
$("#hidr").click(function () {
  $("img").hide(2000);
});

脚本的div部分说“匹配<div>标记”，因为您需要<img>标记，您可以像上面一样将其换出。另外，我猜这是取自其他/更大的东西，在这种情况下你可以删除, arguments.callee部分，但我不是100％肯定，取决于它应该做什么。

Jquery如何做图像秀隐藏

1 个答案: