Add class to images in JQuery click function

Question

In click function all images,

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

My css

.opacity{
    opacity:0.5;
}

Not working any one help me!

Enclose your selector in quotes and put the whole thing in a $(document).ready(). Oh, and read the jQuery/JavaScript guide for future reference. — Matt
– Matt, Commented Apr 26, 2012 at 13:12
Please be more specific about what you are hoping to accomplish and what you have tried rather than just saying "not working". Thanks — veeTrain
– veeTrain, Commented Apr 26, 2012 at 13:15
Images don't have an img attribute. They usually have a src attribute (img is the tag). And usually the URL consists of more than just .jpg ([...='...'] matches only the exact value). — Felix Kling
– Felix Kling, Commented Apr 26, 2012 at 13:15

Sampson · Accepted Answer · 2012-04-26 13:14:12Z

7

Make sure your DOM is ready before this can be called. Additionally, you forgot the quotes around your first class selector. I swapped out the old $.click for the preferred $.on. Lastly, updated your selector so that the src must end with .jpg in order to be matched.

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

answered Apr 26, 2012 at 13:14

Sampson

269k76 gold badges546 silver badges570 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dhamu Over a year ago

what this "on("click", function() {".... This is not a function i think.. please refer back i didn't see like this before....

Dhamu · Accepted Answer · 2012-04-26 13:22:51Z

1

your selector is wrong, Use img[src$='.jpg'] like this

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

try this...

edited Apr 26, 2012 at 13:22

answered Apr 26, 2012 at 13:17

Dhamu

1,7525 gold badges22 silver badges47 bronze badges

1 Comment

Matt Over a year ago

$(.blurall) is also not valid.

Collectives™ on Stack Overflow

Add class to images in JQuery click function

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related