jquery - onclick 不显示所选图像

标签 jquery css

如何让特定图像在点击时不显示? 我正在尝试设置显示图像的时间间隔:

$(document).ready(function () {
  var $terror = $('.terror')

  console.log($terror);
  $terror.on('click', function () {
  $(this).css('display', 'none')
  })
})
<div id="box1">

<img class="terror" src="assets/img/terror1.png"/>
</div>

<div id="box2">

<img class="terror" src="assets/img/terror1.png"/>
</div>

<div id="box3">

<img class="terror" src="assets/img/terror1.png"/>
</div>

最佳答案

我不明白“我正在尝试设置显示图像的时间间隔”是什么意思。

但是你的错误是什么

var $terror = $('.terror')
  console.log($terror);
  $terror.on('click', function () 

改成 $('.terror').on('点击',function()

关于jquery - onclick 不显示所选图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43024134/

相关文章:

javascript - 如何在 CSS 中为 Dropkick 插件单独定位多个下拉菜单

jquery - Knockout.js 和 null

html - 适用于宽度和高度的媒体查询

CSS 媒体查询覆盖页面样式,即使在较低分辨率下也是如此

css - 链接与样式表相关的背景图像

jquery - 如何在 jQuery 中切换属性

javascript - ASP.net 3.5 将现有网站转换为响应式设计

javascript - ajax 从成功的 View 中删除 div

jquery - 使用 jquery 修改样式不同于 css

javascript - iframe 没有使用 jQuery 嵌入到 div 中