在JQuery点击功能中为图像添加类

Question

在点击功能中所有图像，

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

我的css

.opacity{
    opacity:0.5;
}

不工作任何人帮助我！

Answer 1

在调用此DOM之前，请确保您的DOM为ready。此外，您忘记了第一个class selector周围的引号。我将旧版$.click换成首选$.on。最后，更新了您的选择器，以便src必须end with .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>

试试这个......