jQuery: añadir diferentes clases CSS en función del dispositivo (movil, tablet, pc)

Añadir diferentes clases css en función del dispositivo con el usuario entre a la página web, 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' );
});

De esta forma podemos aplicar diferentes estilos, cargar diferentes css, etc… dependiendo del dispositivo de entrada del usuario.