javascript - jQuery - 如何调整 CSS 过滤器（模糊）？

Question

这个运气不太好。我在 div 上通过 CSS 设置了以下内容（我们称之为div.test）：

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

如何通过.css使用 jQuery 的函数来调整它。我想将它们中的每一个都设置为 0px。在此先感谢您的帮助。

Answer 1

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

Answer 2

尝试这样的事情：

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

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