javascript - 当图像处于事件状态时显示 div

标签 javascript jquery html css

我已使用 onClick 函数在点击时更改图像。 我希望图像下方的 div 仅在单击图像时显示。如何仅在单击图像时显示此 div?

<img src="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png"
onclick="this.src='https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png'"> 

<div class="showme"> my text</div>

最佳答案

使用 jquery:

$(document).ready(function(){
    $('img').click(function(){
        $('.showme').show();
    })
})
.showme {
    display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<img src="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png"> 
<div class="showme"> my text</div>

关于javascript - 当图像处于事件状态时显示 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45807746/

相关文章:

javascript - 一次打印两个索引的数组并拼接这些索引直到数组为空

html - 我怎样才能使这 4 张图像在带有 .css 的 div 中水平等距?

javascript - 使用 onload 加载多个图像以调用函数,只有最后一个加载调用函数

javascript - knockout 复选框切换 css 类并在单击时切换选中

javascript - 如何从网站中提取动态生成的 HTML

javascript - 音频与 AudioContext

javascript - 如何在 jquery 中的 beforeSend() 上延迟加载器

javascript - 如何在页面向下滚动时将两个元素分开?

javascript - 保留旧变量值的函数

javascript - 隐藏除被单击的元素之外的所有元素