jQuery's .css() method will do vendor prefixing for you

[ajhsu]

According to the official document of jQuery:

As of jQuery 1.8, the .css() setter will automatically take care of prefixing the property name. For example, take .css( "user-select", "none" ) in Chrome/Safari will set it as -webkit-user-select, Firefox will use -moz-user-select, and IE10 will use -ms-user-select.

Note that it only applies to property name but not property values. For example, using $('body').css('cursor', 'grab') will not automatically transform to .css('cursor', '-webkit-grab').

• See https://api.jquery.com/css/ for more details.
• Or see discussion in this thread on StackOverflow.