jQuery - Wie CSS-Filter (Unschärfe) anpassen?

Question

Hatte nicht viel Glück mit diesem. Ich habe folgende Satz über CSS auf einem div (nennen wir es div.test):

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

Wie kann ich dies über die .css Funktion mit jQuery einzustellen. Ich möchte jeden von ihnen zu 0px setzen. Vielen Dank im Voraus für die Hilfe.

Answer 1

versuchen, etwas wie folgt aus:

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