ITハットMENUすべてのカテゴリーWeb制作93仕事効率化4Electron32016.10.31JS/jQueryでIEのバージョンを判定しクラスとして追加するJSでIEのバージョンによって処理を分岐したいとき、どんな方法があるのか調べていると、ユーザーエージェントを使った方法が一般的のようでした。ユーザーエージェントは簡単に偽装できるので、信頼性に欠けます。そこで、今回は確実性の高い方法で判定する方法を紹介します。追加したDOMの削除$('.ua-ie').remove();IEのバージョンを調べるためにDOMを追加します。IE8/9の場合は条件分岐コメントを使いますが、IE10以上は条件分岐コメントによる判定ができないので、以前記事で紹介したCSSハックを使います。IE6/7/8/9/10/11それぞれのバージョンのみに適用させるCSSハックまとめまた、JSで疑似要素のCSSを取得を取得する方法も過去記事で紹介しています。JS/jQueryでCSS疑似要素である:before:afterのプロパティを取得し変更する今回、対象とするIEのバージョンは8〜11ですが、もしIE6/7にも対応させたい場合は、IE8/9のように条件分岐コメントを追加してください。ようにクラスが追加されるので、あとはクラスがあるかどうかで判定するだけです。IE8の場合}こんな感じで特定のバージョンのときのみの処理を実行できます。