スマートフォン（iPhone,Android,iPad）をjQueryで簡単に判別する方法

下記のように書くと、各スマートフォン別にCSSを適用することが出来ます。
（「display:block;」とか「display:none;」とか）

userAgentの名前を指定すれば良いので、CSSハックより見た目で分かりやすいです。

<script type="text/javascript">
$(document).ready(function(){
 var agent = navigator.userAgent;
 if(agent.search(/iPhone/) != -1){
 $('#hogehoge').css({display : 'none'});
 }else if(agent.search(/iPad/) != -1){
 $('#hogehoge').css({display : 'block'});
 }else if(agent.search(/Android/) != -1){
 $('#hogehoge').css({display : 'none'});
 }
});
</script>