ホームページ  >  記事  >  ウェブフロントエンド  >  jquery extendとfn.extend

jquery extendとfn.extend

巴扎黑
巴扎黑オリジナル
2017-07-09 17:59:531254ブラウズ

jQuery は、プラグインを開発するための 2 つのメソッドを提供します。

jQuery.fn.extend(object);

jQuery.extend(object);

jQuery.extend(object); jQuery クラス自体を拡張するには、クラスに新しいメソッドを追加します。

jQuery.fn.extend(object); jQuery オブジェクトにメソッドを追加します。

fn それは何ですか。 jQuery コードを見ると、見つけるのは難しくありません。


jQuery.fn = jQuery.prototype = {

init: function( selector, context ) {//....

//....

};

jQuery.fn = jQuery.prototype はプロトタイプの作成に慣れていることがわかります。

javascript には明確なクラスの概念がありませんが、それを理解するにはクラスを使用する方が便利です。

jQuery は非常によくカプセル化されたクラスです。たとえば、ステートメント $("#btn1") を使用すると、jQuery クラスのインスタンスが生成されます。

jQuery.extend(object); jQuery クラスにクラス メソッドを追加することは、

static メソッドを追加することとして理解できます。例:

$.extend({

add:function(a,b){return a+b;}

});

jQuery 用に add として 1 つ追加します。 「静的メソッド」では、jQuery が導入されているこのメソッドを使用できます。

jQuery.fn.extend(object);プロトタイプは、jQuery クラスに「メンバー関数」を追加することです。 jQueryクラスのインスタンスはこの「メンバー関数」を利用することができます。

たとえば、特別な編集ボックスをクリックすると、現在の編集ボックスの内容が警告されるプラグインを開発したいと考えています。これを行うことができます:


Java コード


    $.fn.extend({
  1. alertwhileClick:function(){
  2. $(
  3. this
  4. ).click(function(){

    $ アラート ($ (
  5. This
  6. ).Val ());

  7. ); lt;input id="input1" type="text"/>

  8. $("#input1") は、
  9. member メソッドを呼び出すときのインスタンスです。
  10. alertwhileClick は、呼び出されるたびに展開を実装します。クリックすると、最初に現在編集中のコンテンツがポップアップ表示されます。

    もちろん、実際の開発プロセスでは、このような初心者のプラグインを作成することはありません。実際、jQuery には豊富な操作ドキュメント、
  11. イベント
  12. 、CSS、Ajax、エフェクト メソッドが用意されており、これらのメソッドを組み合わせることで、次のようなことができます。開発 Niubility プラグインをさらに公開します。

以上がjquery extendとfn.extendの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。