10 分で Jquery プラグインのサンプル チュートリアルを作成する_jquery

多くの友人が jQuery プラグインを使用していますが、jQuery プラグインを自分で作成した人はほとんどいません。この記事では、jQuery プラグインの実装方法を例の形で簡単に説明します。皆さんの参考に共有してください。具体的な方法は以下の通りです。

具体的には、実際によく使用される、実用的で一般的な関数をカプセル化することです。簡単に言うと、これらのコードをメソッドに組み込んで、毎回使用する必要がないようにします。毎回この関数を書き直す必要があります。

Jquery にはプラグインの概念が追加されたため、通常関数を記述するのと同じように、その特定の形式に従ってプラグインを記述するだけで済みますが、それほど複雑ではありません。信じるか信じないかはあなた次第ですが、私は信じます。

次に、簡単なコードで説明します。これを読んでもプラグインの書き方が分からない方は絶句としか言いようがありません。

具体的な手順は次のとおりです:

ステップ 1: プラグインを定義する

$(function() { 
  $.fn.插件名称 = function(options) { 
   var defaults = { 
     Event : "click",    //触发响应事件 
     msg : "Holle word!"    //显示内容 
   }; 
   var options = $.extend(defaults,options); 
   var $this = $(this);    //当然响应事件对象 
   //功能代码部分 
   //绑定事件 
   $this.live(options.Event,function(e){ 
     alert(options.msg); 
   }); 
  } 
}); 
 

ステップ 2: プラグインを呼び出す

$(function() { 
  //绑定元素事件 
  $("#test").插件名称({ 
   Event : "click",    //触发响应事件 
   msg : "插件原来就是这么简单!"   //显示内容 
  }); 
}); 
 

これで、最も単純なプラグインが完成しました。 10分未満です！誰もが理解できるはずだと信じています！ jQuery プラグインは非常にシンプルであることがわかりました。