jQuery関数（新しいjQueryメソッドまたはプラグイン）を作成する方法

JavaScriptの構文は次のとおりです。

function myfunction(param){
  //some code
}

要素に追加できるjQueryで関数を宣言する方法はありますか？例えば：

$('#my_div').myfunction()

ドキュメントから：

(function( $ ){
   $.fn.myfunction = function() {
      alert('hello world');
      return this;
   }; 
})( jQuery );

その後、あなたはします

$('#my_div').myfunction();

すでに受け取ったすべての回答にもかかわらず、jQueryを関数で使用するためにプラグインを作成する必要がないことは注目に値します。確かに、それが単純な1回限りの関数であれば、プラグインを作成するのはやり過ぎだと思います。セレクターをパラメーターとして関数に渡すだけで、はるかに簡単に行うことができます。コードは次のようになります。

function myFunction($param) {
   $param.hide();  // or whatever you want to do
   ...
}

myFunction($('#my_div'));

$変数名の$paramは必須ではないことに注意してください。その変数にjQueryセレクターが含まれていることを覚えやすくするのは、私の習慣です。そのまま使用することもできparamます。

そこにはたくさんのドキュメント/チュートリアルがありますが、あなたの質問に対する簡単な答えはこれです：

// to create a jQuery function, you basically just extend the jQuery prototype
// (using the fn alias)

$.fn.myfunction = function () {
    // blah
};

その関数内では、this変数は関数を呼び出したjQueryラップセットに対応します。したがって、次のようなもの：

$.fn.myfunction = function () {
    console.log(this.length);
};

$('.foo').myfunction();

...クラスを持つ要素の数をコンソールにフラッシュしfooます。

もちろん、セマンティクスにはそれだけではありません（ベストプラクティスなどすべてのジャズと同様）。そのため、必ず読んでください。

関数をjQueryオブジェクトで使用できるようにするには、次のように関数をjQueryプロトタイプ（fnはjQueryのプロトタイプのショートカットです）に追加します。

jQuery.fn.myFunction = function() {
    // Usually iterate over the items and return for chainability
    // 'this' is the elements returns by the selector
    return this.each(function() { 
         // do something to each item matching the selector
    }
}

これは通常jQueryプラグインと呼ばれます。

例-http://jsfiddle.net/VwPrm/

うん—あなたが説明しているのはjQueryプラグインです。

jQueryプラグインを作成するには、JavaScriptで関数を作成し、それをオブジェクトのプロパティに割り当てますjQuery.fn。

例えば

jQuery.fn.myfunction = function(param) {
    // Some code
}

プラグイン関数内で、thisキーワードはプラグインが呼び出されたjQueryオブジェクトに設定されます。だから、あなたがするとき：

$('#my_div').myfunction()

次に、thisinside myfunctionはによって返されるjQueryオブジェクトに設定され$('#my_div')ます。

詳細については、http：//docs.jquery.com/Plugins/Authoringを参照してください。

$(function () {
    //declare function 
    $.fn.myfunction = function () {
        return true;
    };
});

$(document).ready(function () {
    //call function
    $("#my_div").myfunction();
});

あなたはまた、拡張を使用することができます（jQueryプラグインの作成方法）をます。

$.fn.extend(
{
    myfunction: function () 
    {
    },

    myfunction2: function () 
    {
    }
});

使用法：

$('#my_div').myfunction();

以下のように、独自のjQueryプラグイン（選択した要素で呼び出すことができる関数）を記述できます。

（関数（$）{
    $ .fn.myFunc = function（param1、param2）{
        // this-jqueryオブジェクトは選択した要素を保持します
    }
}）（jQuery）;

後でそれを呼び出す：

$（ 'div'）。myFunc（1、null）;

はい、jqueryを使用して選択した要素に適用するメソッドはjqueryプラグインと呼ばれ、jqueryドキュメント内にオーサリングに関する十分な情報があります。

jquery は単なるJavaScriptなので、「jqueryメソッド」について特別なことは何もないことに注意してください。

「colorize」メソッドを作成します。

$.fn.colorize = function custom_colorize(some_color) {
    this.css('color', some_color);
    return this;
}

これを使って：

$('#my_div').colorize('green');

このシンプルな例は、jQueryドキュメントの「基本的なプラグインを作成する方法」のベストと、@ Candide、@ Michaelからの回答を組み合わせたものです。

• 名前の関数式は、などのスタックトレースを改善すること
• 返すカスタムメソッドはthis チェーン化できます。（@Potheekに感謝します。）

あなたはいつでもこれを行うことができます：

jQuery.fn.extend({
   myfunction: function(param){
       // code here
   },
});
OR
jQuery.extend({
   myfunction: function(param){
       // code here
   },
});
$(element).myfunction(param);

プロトタイプ（jQueryプラグインを作成する）を介してjQueryオブジェクトを拡張したいようです。これは、jQuery関数（$(selector/DOM element)）の呼び出しを通じて作成されたすべての新しいオブジェクトがこのメソッドを持つことを意味します。

これは非常に簡単な例です：

$.fn.myFunction = function () {
    alert('it works');
};

デモ

jQueryで関数を作成する最も簡単な例は

jQuery.fn.extend({
    exists: function() { return this.length }
});

if($(selector).exists()){/*do something here*/}