Question

<!DOCTYPE html>
<html>
  <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
  <script src="js/yahoo.js"></script>
  <script src="js/jquery.js"></script>
  <button id=jad>jad</button>
  <button id= hecho>hecho</button>
  <button id=mewto>mewto</button>
  <div>
    <img id="obj-2" src="Jew.png" alt="" width="800" height="400" />
  </div>
</html>

JS

$(document).ready(function() {
  $("#jad").click(function(){
    $("#jad").attr("src") == "jad.png";
  });
});

试图找出在点击时显示/隐藏图像的最佳方式使用jquery，但好奇的是如何改变javascript。

Answer 1

使用JQuery：

$('#obj-2').css('display', 'none'); //To hide it
$('#obj-2').css('display', 'block'); //To show it

使用普通的javascript：

document.getElementById('obj-2').style.display = "none"; //To hide it
document.getElementById('obj-2').style.display = "block"; //To show it

Answer 2

你的按钮ID也应该用引号括起来。

<button id="jad">jad</button>
<button id= "hecho">hecho</button>
<button id="mewto">mewto</button>

如何使用JS / JQ切换图像显示/隐藏

2 个答案: