添加類圖像JQuery的單擊功能

Question

在點擊功能的所有圖像，

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

我的CSS

.opacity{ 
    opacity:0.5; 
} 

不工作的任何一個可以幫助我！

Answer 1

你的選擇是錯誤的，使用img[src$='.jpg']這樣

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

試試這個...

Answer 2

確保您的DOM是ready，然後才能調用它。此外，你忘記了第一個class selector附近的報價。我將舊的$.click換成首選$.on。最後，更新您的選擇器，以使src必須end with.jpg才能匹配。

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