【超シンプル】PCとモバイルのjquery切り替え #JavaScript

<script>
  jQuery(function () {
    var ua = navigator.userAgent;
    if (ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0) {
      // スマートフォン用コード
      jQuery('#output').html('<img src="/images/hoge.jpg">');
    } else if (ua.indexOf('iPad') > 0 || ua.indexOf('Android') > 0) {
      // タブレット用コード
    } else {
      // PC用コード
    }
  });
</script>

<div id="output"><div>

コンフリクトに疲れたので $ ではなく jQuery を使用。ちゃんと動いたら $ に置換。
出力後のhtmlは以下。

html（モバイル）

<div id="output"><img src="/images/hoge.jpg"></div>