jquery - 在JQuery单击功能中为图像添加类

Question

在点击功能中的所有图像，

<script type="text/javascript">
  $(".blurall").click(function(){
  $("[img='.jpg']").addClass("opacity");
  });
</script>

我的 CSS

.opacity{
    opacity:0.5;
}

没有工作任何人帮助我！

Answer 1

在调用它之前确保你的 DOM 已经准备好。此外，您忘记了第一类选择器周围的引号。我把旧的换成了$.click首选的$.on。最后，更新您的选择器，以便匹配src必须以结尾 .jpg。

$(function(){
    $( ".blurall" ).on( "click", function() {
        $( "img[src$='.jpg']" ).addClass( "opacity" );
    });
});

Answer 2

你的选择器错了，img[src$='.jpg']像这样使用

<script type="text/javascript">
  $(".blurall").click(function(){
      $("img[src$='.jpg']").addClass("opacity");
  });
</script>

试试这个...