为什么的图片点击隐藏效果没有实现，是哪里出了问题，求大神解答！

 <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页</title>
<style type="text/css">
body{ margin:0; padding:0;}
.total{ width:960px; margin:0 auto;}
.main,.footer,.head{ font-size:30px;}
.head{  height:100px; background:#ccc}
.main{ height:485px; background:#FCC}
.footer{ height:50px; background:#9CF}
/*广告样式*/
.pic{
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    position:fixed;
    top:0px;
    right:0px;  
    }
.adv{
    position:fixed;
    top:60px;
    left:360px; 
    }   
</style>

</head>

<body>
<!--应用jQuery-->
<script type="text/javascript" src="js/jquery-3.0.0.js"></script>
<script type="text/javascript">
    $(".adv").click(function(){
        $(".adv").hide();
        $(".pic").hide();   
     });
</script>
<!--悬浮广告-->
    <div class="pic">
        <img src="img/103-160Q509544OC.jpg" class="adv">        
    </div>


<div class="total">
    <div class="head">jquery-2.1.4 (注！jquery-2.0以上版本不再支持IE 6/7/8)</div>
    <div class="main">jquery-2.1.4 (注！jquery-2.0以上版本不再支持IE 6/7/8)</div>
    <div class="footer">jquery-2.1.4 (注！jquery-2.0以上版本不再支持IE 6/7/8)</div>
</div>

</body>
</html>

你这个图片没有这个类，选择器没有选中

用$(".adv").css('display','none')

我在本地帮你试了，并没有问题啊，是不是包引错了图片说明

我用的是jquery-3.0.0.js这个包

图片说明我就是这样写的

隐藏功能代码没看出问题

把JS代码放到div下面就行了

$(document).ready(function(){ })

贴代码的时候整齐点，好看点。之所以没起作用是因为事件并没有被绑上。
一、你的js代码放在了body前面，那么页面加载时，会先运行到这段js代码，再去生成body内容。
当运行到这段js代码时，body的内容并没有生成，js在页面上没有找到class对应的标签，没法绑定事件。
解决方法： js代码放到body标签的最后面，/body的前面。
二、如果你非要放在前面，那你可以添加：$(function(){})是$(document).ready(function(){ })的简写。说我要等页面加载完body时再运行js去绑定事件。
js代码写成这样就好了：
$(function(){
$(".adv").click(function(){
$(".adv").hide();
$(".pic").hide();
});
})

贴代码的时候整齐点，好看点。之所以没起作用是因为事件并没有被绑上。
一、你的js代码放在了body前面，那么页面加载时，会先运行到这段js代码，再去生成body内容。
当运行到这段js代码时，body的内容并没有生成，js在页面上没有找到class对应的标签，没法绑定事件。
解决方法： js代码放到

的最后面，的前面。
二、如果你非要放在前面，那你可以添加：$(function(){})是$(document).ready(function(){ })的简写。说我要等页面加载完body时再运行js去绑定事件。
js代码写成这样就好了：
$(function(){
$(".adv").click(function(){
$(".adv").hide();
$(".pic").hide();
});
})