JSでブラウザの種類によって付与されるクラスを変える

IE6の時は「.ie6」、IE6以上の時は「.ie7」、FireFoxの場合は「.firefox」、Chromeの場合は「.chrome」が「.browser」に付与されます。

<script type="text/javascript">
$(function () {
     // IE(IE7以上)
     if ($.browser.msie && $.browser.version > 6 ) $(".browser").addClass("ie6");

     // IE(IE6以下)
     if ($.browser.msie && $.browser.version <= 6 ) $(".browser").addClass("ie7");   

     // Firefox
     if ($.browser.mozilla ) $(".browser").addClass("firefox");

     // Chrome
     if( $.browser.webkit ) $(".browser").addClass("chrome");
});
</script>
<div class="browser">
ブラウザの種類によって付与されるクラスが変わります。
</div>