jQuery – 如何调整CSSfilter（模糊）？

这个没有太多运气。 我通过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)' });