jQuery - 如何調整CSS過濾器（模糊）？

Question

這次沒有太多運氣。我已經通過CSS的div的，下面的一組（姑且稱之爲div.test）：

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

如何通過使用jQuery的.css功能調整這一點。我想將它們設置爲0px。先謝謝您的幫助。

Answer 1

嘗試這樣：

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