使div'；使用Javascript单击时，s不透明度=1

HTML-

单击floatleft divs JShover时，不透明度应为1。否则应为0.5。 使用的JavaScript-

.border{
  border-left:6px solid #3793EE;
  text-align: left;
  padding-left: 5%;
  }
div.JShover{
    height:50%;
    text-align: left;
    opacity:0.5;

}
.wrap {
    overflow: hidden;
    margin: auto;
    max-width: 700px;
}
.floatleft {
    float:left; 
    width: 50%;
    height: 500px;  
}

.floatright {
    float: right;
    height: 500px;
    width: 50%;
}

$（“.JShover”）。单击（函数（）{
this.style.opacity=1
});

---

结果JShover div的不透明度为0.5（因为它在CSS中），但当我单击它时，不透明度不会变为1。我的代码或实现中是否有错误？

例如，您可以这样做：

 <script 
 src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
 </script>
<script type="text/javascript">
$(".JShover").click(function() {
    this.style.opacity = 1
});
</script>

$(".JShover").click(function() {
    this.style.opacity = 1
});

同时添加

不透明度：0.5

到css中的

div.JShover

元素

工作

编辑：

首先，请确保在您的站点上使用jQuery，或者使用并链接本地副本，或者将其链接到您的

中，如下所示：

 <script 
 src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
 </script>
<script type="text/javascript">
$(".JShover").click(function() {
    this.style.opacity = 1
});
</script>

$(".JShover").click(function() {
    this.style.opacity = 1
});

---

其次，确保将用于更改不透明度的js代码放在链接的jQuery库下方，例如

标记的下方或末尾。

这是您的html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

这是您的JS

 .floatleft{
    background-color:red;
    opacity:0;
    }

---

希望这对你有帮助

非常琐碎的问题。。。另外，您在高度为100px的位置有一个打字错误，请使用

=

@traderIWD谢谢，我已经更正了。我最近刚开始做网页设计，所以是的，我为这个问题的性质道歉。有那么简单吗？你能帮我一下吗：）你可以通过多种方式查看答案以达到你的效果。哎呀，这只是在发布问题时出现的，在我的代码中它被正确关闭了。我确实尝试过，谢谢。那么JS进入标记yes？@Yohanelly正确。嗨，我已经这样做了，但是文本在单击时不会改变其不透明度。我已经更新了问题，请看一看。@Yohanelly您没有正确关闭

标记。哎呀，这只是在发布问题时出现的，在我的代码中它被正确关闭了。其他一切似乎都很好，我是否做了一些不正确的事情，因为我似乎找不到错误。谢谢@LSKhan，我已经更新了问题中的代码。单击文本时，不透明度不会更改为1。你能帮帮我吗？你从@tradatoriwd得到解决方案了吗？还是我帮你？嘿，我知道了。但我仍在试图弄清楚，当单击下一个div时，如何使先前单击的div返回到其先前的不透明度0.3？代码-你的意思是你想让点击的元素不透明度为1，其他的为0.5？rite？嘿，我明白了，我明白了。必须添加$（“.JShover”）.css（'opacity'，'0.2'）；你知道如何在网页顶部制作一个好看的导航栏吗？如果可以的话，我可以给你发一张我正在努力实现的截图。非常感谢您抽出时间：）

$('.floatleft').click(function(){
$(this).css('opacity','1')
});