html中，hide方法失效

正军018

2038

再练习创建一个模仿360扫描时的动画。现在想单击button，然后隐藏图片img1和button。但是单击button后没有任何反应。

<html>
<head>
<script src="jquery_1.js"></script>
<script>
$(document).ready(function(){
  $(".btn1").click(function(){
    $("#img1").hide();
    $(".btn1").hide();
  });
});
</script>
</head>
<body>
<div>
<img src="2001.png" alt="2001"/>
<img id="img1" src="2002.png" alt="2002"/>
<button class="btn1">1111</button>
</div>
</body>
</html>

html5 javascript

阅读 5.9k

6 个回答

得票最新

spencerht

7.8k2728

发布于
2017-09-16

✓ 已被采纳

https://jsfiddle.net/wcvuxvxr/
个人觉得<script src="jquery_1.js"></script>这个文件引入有点可疑，检测一下是否路径正确或是文件是否是jquery版本，或是可以试着换一个jquery。

不请自来

看浏览器报错，截图发

只需要换一个 jquery ：

<!doctype html>
<html>
<head>
    <meta charset='utf-8'>
    <meta name="viewport" content="width = device-width,maximum-scale=1,minimum-scale=1,user-scalable=no,initial-scale=1">
    <script src="https://cdn.bootcss.com/jquery/1.12.2/jquery.min.js"></script>
    <title>test</title>
    <script>
    $(document).ready(function(){
      $(".btn1").click(function(){
        $("#img1").hide();
        $(".btn1").hide();
      });
    });
</script>
</head>
<body>
    <div>
        <img src="2001.png" alt="2001"/>
        <img id="img1" src="2002.png" alt="2002"/>
        <button class="btn1">1111</button>
    </div>
</body>
</html>

Vladimirrr666

发布于
2017-09-17

新手上路，请多包涵

浏览器调试信息发出来看看