jQueryのプラグインの書き方
JQプラグイン標準のパッケージコードは以下の通りで、まずパッケージを閉じる必要があります.
これはjQueryの公式のプラグインの開発規範で、このように書くのは作用します:1.グローバル依存を避ける.2.第三者の破壊を避ける.3.互換性jQueryオペレータ'$'および'jQuery'は、次にプラグインにボディを追加します.
OK、このプラグインは完了しました.次に、呼び出しの方法を見てみましょう.
例えば、あなたの文章があるdivのid="article-content"では、このdivの後ろ(先にこのdivを読み取って、このdivは後ろのJSのオブジェクトとすることができます)にJSコードを追加します.
実際には、このdivの後ろに置く必要はありません.例えばheadエリアに置く場合は、JQのプリフェッチ機能を使用します.つまり、ページのすべてのdomを読み取り終わってから、中のJSを実行します.
著作権所有者の名前、Webサイト、文字サイズ、右側の表示など、デフォルトのコンテンツを使用したくない場合は、このプラグインにいくつかのパラメータを渡します.
<
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
">