jQuery - Jak dostosować filtr CSS (rozmycie)?

Question

Nie miałem szczęścia z tym. Mam następujący zestaw za pomocą CSS na div (nazwijmy go div.test):

filter: blur(2px); 
-webkit-filter: blur(2px); 
-moz-filter: blur(2px); 
-o-filter: blur(2px); 
-ms-filter: blur(2px); 

Jak mogę ustawić to za pomocą funkcji .css przy użyciu jQuery. Chciałbym ustawić każdy z nich na 0px. Z góry dziękuję za pomoc.

Answer 1

spróbować czegoś takiego:

var filterVal = 'blur(0px)'; 
$('.test') 
    .css('filter',filterVal) 
    .css('webkitFilter',filterVal) 
    .css('mozFilter',filterVal) 
    .css('oFilter',filterVal) 
    .css('msFilter',filterVal); 

Answer 2

$('.test') 
.css({ 
    'filter'   : 'blur(0px)', 
    '-webkit-filter' : 'blur(0px)', 
    '-moz-filter' : 'blur(0px)', 
    '-o-filter'  : 'blur(0px)', 
    '-ms-filter'  : 'blur(0px)' 
}); 

Answer 3

http://jsfiddle.net/mswy6/3/

    $("img").css({ 
          'filter': 'blur(0px)', 
          '-webkit-filter': 'blur(0px)', 
          '-moz-filter': 'blur(0px)', 
          '-o-filter': 'blur(0px)', 
          '-ms-filter': 'blur(0px)' 
         });