ホームページ > ウェブフロントエンド > jsチュートリアル > 5 つの便利な jquery のヒントを共有します_jquery

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

WBOY
リリース: 2016-05-16 15:37:15
オリジナル
1177 人が閲覧しました

以下の手法によって達成される効果は新しいものではありませんが、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 つ紹介しました。気に入っていただければ幸いです。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート