jQuery - सीएसएस फ़िल्टर (धुंध) को कैसे समायोजित करें?

Question

इस के साथ बहुत भाग्य नहीं है। मैं सीएसएस के माध्यम से निम्नलिखित सेट एक 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)' 
         });