Como cambiar clases CSS según el dispositivo

Vamos a ver omo cambiar clases CSS según el dispositivo, usando la propiedad userAgent y en este caso añadiendo la clase correspondiente al “body” como vemos en el siguiente ejemplo:

$(document).ready(function(){
    // Averiguo dispositivo
    var ua = navigator.userAgent.toLowerCase(),
    tablet = ( /ipad|android 3|sch-i800|playbook|tablet|kindle|gt-p1000|sgh-t849|shw-m180s|a510|a511|a100|dell streak|silk/i.test( ua ) ),
    movil = ( /iphone|ipod|android|blackberry|opera mini|opera mobi|skyfire|maemo|windows phone|palm|iemobile|symbian|symbianos|fennec/i.test( ua ) ),
    pc = ( !tablet && !movil );
    // Añado la clase css
    if( tablet ) $('body').addClass( 'tablet' );
    if( movil ) $('body').addClass( 'movil' );
    if( pc ) $('body').addClass( 'pc' );
});