As we all know when using jquery or jquery ui especially, it often put an inline style in element's tag, for the simplest example; when we implement .hide() on element, it put an inline style="display:none;" on the element.

On the other hand Content Security Policy Best practice dictates that we must not allow for 'unsafe-inline' in our policy.

How to get workaround for this problem? How can we use jquery, without white listing 'unsafe-inline' in style-src?