jQuery css gradient

Чтобы сделать градиентный фон на элементе, я делаю примерно следующее:

.css('filter','progid:DXImageTransform.Microsoft.gradient(startColorstr=\'#FFFFFF\', endColorstr=\'#'+event.backgroundColor+'\', gradientType=1)')
.css('background-image','-webkit-gradient(linear, left top, right bottom, color-stop(0.1, #FFFFFF), color-stop(0.99, #'+event.backgroundColor+'))')
.css('background-image','-moz-linear-gradient(top left, #FFFFFF 0%, #'+event.backgroundColor+' 100%)')
.css('background-image','-o-linear-gradient(top left, #FFFFFF 0%, #'+event.backgroundColor+' 100%)')

Итак, разве jQuery не должен устранить всю работу, связанную с вопросами кросс-браузерной совместимости? Есть ли лучший способ сделать это. Без использования дополнительных плагинов?