jQuery - Come regolare il filtro CSS (sfocatura)?

Question

Non ho avuto molta fortuna con questo. Ho il seguente insieme tramite CSS su un div (chiamiamolo div.test):

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

Come posso regolare questo tramite la funzione .css utilizzando jQuery. Mi piacerebbe impostare ognuno di loro a 0px. Grazie in anticipo per l'aiuto.

Answer 1

provare qualcosa di simile:

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)' 
         });