如何使用 html、css、js 进行 onclick 事件答案

【问题标题】：How can i do onclick event with html,css,js如何使用 html、css、js 进行 onclick 事件
【发布时间】：2022-02-08 03:00:20
【问题描述】：

我希望在单击图像时更改 blog1popup 类的 css 代码。我知道如何通过悬停来执行此操作，但我不知道如何通过单击来执行此操作。

我想用作此按钮的元素；

<div class="row">
<div class="col-lg-4 col-md-6 sm-mb-35px">
   <div class="blog-item">
      <div class="img">
         <img src="assets/img/blog-grid-1.jpg" alt=""></a>
         <a href="" class="date"> <span class="day">14</span> <span class="month">April</span></a>
      </div>
      <a href="" class="title padding-30px"  style="margin-top: -1rem;">Fransa Geneline Islak Mendil İhracı</a> 
      <p style="padding-left: 30px; padding-bottom: 20px; margin-top: -25px; line-height: 20px;">Tüm dünya ülkelerine yardımseverliği gösteren ülkemize..</p>
   </div>
</div>

这是我想要更改 css 代码的元素。

<div class="blog1popup"></div>

悬停技术示例；

.blog-item:hover > .blog1popup{
opacity: 100%;
}

【问题讨论】：

标签： javascript html jquery css

【解决方案1】：

您可以在 blog-item 类上添加点击事件，然后您可以将类添加到任何元素或使用 jquery 方法更改任何 css 属性。

例如。

$(".blog-item").on("click", function (e) {
  $(".blog1popup").css("opacity", "100%");
  $(".blog1popup").addClass("any-class");
});

【讨论】：

谢谢你.. 这是有效的。
不客气