jQueryのプラグインの書き方


JQプラグイン標準のパッケージコードは以下の通りで、まずパッケージを閉じる必要があります.< script type = "text/javascript" > (function ($) {   // })(jQuery); </ script >
これはjQueryの公式のプラグインの開発規範で、このように書くのは作用します:1.グローバル依存を避ける.2.第三者の破壊を避ける.3.互換性jQueryオペレータ'$'および'jQuery'は、次にプラグインにボディを追加します.< script type = "text/javascript" > (function ($) {   $.fn.userCp = function(options) { // , userCp   var dft = {   //   cpBy: "dafi", //   url: "http://www.dafi.cn", //   size: "12px", //   align: "left" // ,left || center || right   };   var ops = $.extend(dft,options);   var style = 'style="font-size:' + ops.size + ';text-align:' + ops.align + ';"'; //   var cpTxt = '< p ' + ' ' + style + '> < a target = "_blank" href = "' + ops.url + '" >' + ops.cpBy + '</ a > </ p >'; //   $(this).append(cpTxt); // div   } })(jQuery); </ script >
OK、このプラグインは完了しました.次に、呼び出しの方法を見てみましょう.
例えば、あなたの文章があるdivのid="article-content"では、このdivの後ろ(先にこのdivを読み取って、このdivは後ろのJSのオブジェクトとすることができます)にJSコードを追加します.< script type = "text/javascript" >   $("#article-content").userCp(); < script ">
実際には、このdivの後ろに置く必要はありません.例えばheadエリアに置く場合は、JQのプリフェッチ機能を使用します.つまり、ページのすべてのdomを読み取り終わってから、中のJSを実行します.< script type = "text/javascript" > $(function(){ // : dom   $("#article-content").userCp(); }); < script ">
著作権所有者の名前、Webサイト、文字サイズ、右側の表示など、デフォルトのコンテンツを使用したくない場合は、このプラグインにいくつかのパラメータを渡します.< script type = "text/javascript" >   $("#article-content").userCp({   cpBy: " T ",   url: "http://dafi.cn",   size: "16px",   align: "right"   }); < script ">