what is faster.. using the jQuery css() method or the GSAP set() method

[Jonathan 5,176 Likes (Superhero)]

what is faster.. using jQuery css() method or GSAP set() method.

 

for example:

// GSAP way
TweenMax.set($image, {'opacity':1});

// or jQuery way
$image.css('opacity',1);

I was wondering which is faster or better to use?

 

Should i only use set() for the properties that will be animated?

 

Im used to setting css properties via jQuery css() method .. but wanted to know if the GSAP set() method is faster or more efficient?

 

Any help will be highly appreciated?

[Carl 9,066 Likes (Superhero)]

Using set() gives you more flexibility and access to more properties. For instance TweenLite makes it very easy to set a bunch of properties that jQuery doesn't support rotation, rotationX, skewX, scale, scaleX, autoAlpha etc. 

 

I would think a case where you would be able to discern a difference in speed would be quite rare. However if you create some tests and find some notable differences please let us know.

[Jonathan 5,176 Likes (Superhero)]

Will do, thanks Carl!

 

I had one more question regarding setting css properties regarding opacity..

 

When using TweenMax.. is it best to set css opacity or autoAlpha?

 

thanks again for the help!!