5 つの便利な jquery のヒントを共有します_jquery

以下の手法によって達成される効果は新しいものではありませんが、jQuery のカプセル化により、HTML は大幅にクリーン化されました。クリーンで簡潔で効率的なコードは常に開発者が追求する最終目標です。これはシンプルかもしれませんが、大きな力を持っています。 Script House の編集者が推奨する 5 つの非常に実践的な jQuery スキルを見てみましょう。

1. マウスの右ボタンを無効にします

$(document).ready(function() {
  $(document).bind("contextmenu", function(e) {
    return false;
  });
});

もちろん、jquery1.7 以降では、bind() 関数の代わりに on() を使用することをお勧めします。

2. コンテンツを点滅させます

$.fn.flash = function(color, duration) {
  var current = this.css('color');
  this.animate( {color: 'rgb(' + color + ')'}, duration / 2);
  this.animate( {color: current}, duration / 2);
}
$('#someid').flash('255,0,0', 1000);

3. DOM読み込み完了の略

$(function() {
  // document is ready..
})

4. ブラウザを検出します

// Safari
if( $.browser.safari )
{
//do something
}
//Above IE6
if ($.browser.msie && $.browser.version > 6 )
{
//do something
}
// IE6 and below
if ($.browser.msie && $.browser.version < 6 ) { //do something } // Firefox 2 and above if ($.browser.mozilla && $.browser.version >= "1.8" )
{
//do something
}

5. 要素が存在するかどうかを確認します

if($("#someDiv").length) {
  // yes it does, do something...
}

便利な jquery のヒントを 5 つ紹介しました。気に入っていただければ幸いです。