Jquery の各メソッドについての簡単な説明

この記事では、Jquery の各メソッドを紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

#推奨チュートリアル:

jQuery チュートリアル

##jQuery.each(object, callback,arg) <strong></strong>each()関数は基本的にどのフレームワークでも提供されているツール関数で、これを介してオブジェクトや配列の属性値をトラバースして処理することができます。

jQuery と jQuery オブジェクトの両方がこのメソッドを実装します。jQuery オブジェクトの場合、各メソッドは単純に委任されます。jQuery オブジェクトは最初のパラメーターとして jQuery の各メソッドに渡されます。言い換えると、jQuery によって提供される各メソッドは、パラメーター 1 によって提供されるオブジェクトのすべてのサブ要素に対してメソッドを 1 つずつ呼び出します。 jQuery オブジェクトが提供する each メソッドは、jQuery 内のサブ要素を 1 つずつ呼び出します。

   jQuery.prototype.each = function(fn, args) {
        return jQuery.each(this, fn, args);
    }

jQuery が提供する各メソッドの具体的な実装を見てみましょう。

jQuery.each(obj,fn,arg)

このメソッドには、操作用のオブジェクト obj、操作用の関数 fn、および操作用の関数 fn の 3 つのパラメータがあります。関数パラメータの引数。

ojb オブジェクトに基づいて説明します:

1. obj オブジェクトは配列です。

各メソッドは、sub で fn 関数を 1 つずつ呼び出します。子要素によって返された結果が false になるまで、配列内の要素を指定します。つまり、提供された fn 関数で処理し、特定の条件を満たした後で各メソッド呼び出しを終了できます。 each メソッドが arg パラメータを提供する場合、fn 関数呼び出しによって渡されるパラメータは arg で、それ以外の場合は、サブ要素のインデックス、サブ要素自体

#2. obj オブジェクトは配列ではありません

このメソッドは同じです。 1 と 1 の最大の違いは、戻り値に関係なく fn メソッドが 1 つずつ実行されることです。つまり、fn 関数が false を返した場合でも、obj オブジェクトのすべてのプロパティが fn メソッドによって呼び出されます。呼び出しで渡されるパラメータは 1 に似ています。

jQuery.each = function(obj, fn, args) {
        if (args) {
            if (obj.length == undefined) {
                for (var i in obj)
                    fn.apply(obj, args);
            } else {
                for (var i = 0, ol = obj.length; i < ol; i++) {
                    if (fn.apply(obj, args) === false)
                        break;
                }
 
            }
        } else {
            if (obj.length == undefined) {
                for (var i in obj)
                    fn.call(obj, i, obj);
            } else {
                for (var i = 0, ol = obj.length, val = obj[0];
i < ol && fn.call(val, i, val) !== false;
val = obj[++i]) { }
}
        }
        return obj;
}

各メソッドの fn の具体的な呼び出しメソッドは、単純な fn(i,val) または fn(args) ではなく、fn.call(val,i,val ) または fn であることに注意してください。 apply(obj.args)。これは、fn の独自の実装で、このポインターを直接使用して配列またはオブジェクトのサブ要素を参照できることを意味します。このメソッドは、ほとんどの jQuery で使用される実装メソッドです。

var arr = ["one", "two", "three", "four", "five"];
var obj = { one: 1, two: 2, three: 3, four: 4, five: 5 };
 
    jQuery.each(arr, function() {
        alert(this);
    });
    /*
    one,two,three,four,five
    */
   
    jQuery.each(obj, function(i, val) {
        alert(i+":"+val);
    });
    /*
    one:1 two:2 three:3 four:4  five:5
    */
   
    jQuery.each(arr, function(i, val) {
        alert(i);
    });
    /*
    0,1,2,3,4
    */
   
    jQuery.each(arr, function(i, val) {
        alert(arr[i]);
    });
    /*
    one tow three four five
    */

プログラミング関連の知識について詳しくは、

プログラミング教育

をご覧ください。 ！

以上がJquery の各メソッドについての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。