jQuery速度テスト：$（this）vs .get（）vs .eq（）

各ループキャッシュのパフォーマンス - テストして、それぞれの内部から現在の要素をつかむことがキャッシュされた要素の配列から可能/高速であるかどうかを確認します。すなわち、$（this）vs .get（）vs .eq（）with .text（）およびtextContent/Innertext 。 jquery 1.9.1で実行されます。類似：jQuery速度テスト：$（this）.attr（“ id”）; vs this.id。

• .get（）および.eq（）はどちらもjQueryオブジェクトアレイから単一の「要素」を返しますが、単一の要素を異なる形式で返します。
.eq（）はjqueryオブジェクトとして返します。つまり、dom要素がjqueryラッパーに包まれていることを意味します。つまり、jquery関数を受け入れることを意味します。
• .get（）生のDOM要素を返します。その属性にアクセスし、生のDOM要素のように機能を呼び出すことにより、それを操作できます。しかし、それはjQueryに包まれたオブジェクトとしてのアイデンティティを失うため、.fadeinのようなjQuery関数は機能しません。
• セットアップ

テスト

   
       list
       
         
             nested 1
             nested 2
             nested 3
         
       
       list
         
             nested 1
             nested 2
             nested 3
         
       list
         
             nested 1
             nested 2
             nested 3
         
       list
   
   


  Benchmark.prototype.setup = function() {
    MY_OBJECT = 
        {
            cache: {},
        
            init: function()
            {
                this.cache.c = $('#container');
                this.cache.n = this.cache.c.find('.nested');
    this.cache.s = this.cache.c.find('#status');
            }
        }
    MY_OBJECT.init();
  };

jQuery eq（）方法

に関するよくある質問（FAQ）

$<span>.each(MY_OBJECT.cache.n, function(i<span>, v</span>) 
</span><span>{
</span>    <span>MY_OBJECT.cache.s.text($(this).text());
</span><span>});
</span>

$<span>.each(MY_OBJECT.cache.n, function(i<span>, v</span>) 
</span><span>{
</span>    <span>MY_OBJECT.cache.s.text(MY_OBJECT.cache.n.eq(i).text());
</span><span>});
</span>

$<span>.each(MY_OBJECT.cache.n, function(i<span>, v</span>) 
</span><span>{
</span>    <span>MY_OBJECT.cache.s.text(MY_OBJECT.cache.n.get(i).textContent);
</span><span>});</span>

jQuery eq（）メソッドの主な機能は何ですか？

jQuery eq（）メソッドは、Web開発で使用される強力なツールです。主に、類似の要素のグループから特定のインデックス番号を持つ要素を選択するために使用されます。 jQueryのインデックスは0から始まります。つまり、最初の要素はインデックス0、2番目の要素はインデックス1などです。この方法は、他のものに影響を与えることなくグループの特定の要素に変更を適用する場合に特に役立ちます。 🎜> eq（）メソッドとjqueryの：eq（）セレクターの両方が、そのインデックスに基づいて要素を選択するために使用されますが、2つの間に重要な違いがあります。 EQ（）メソッドは、jQueryオブジェクトから要素をろ過します。つまり、他のjQueryメソッドによって既に操作されている一連の要素で動作します。一方、：eq（）セレクターはDOM要素で直接動作します。つまり、ページがロードされたときに存在する要素を選択できます。メソッド？

はい、jQuery eq（）メソッドで負の数値を使用できます。負の数を使用すると、メソッドは最後の要素から逆方向にカウントされます。たとえば、eq（-1）は最後の要素を選択し、eq（-2）は2番目の最後の要素などを選択します。 jQuery eq（）method？

範囲外のインデックス番号（つまり、要素の数よりも大きい）を使用すると、jquery eq（）メソッドは空のjqueryオブジェクトを返します。これは、行動する要素がないため、アクションが実行されないことを意味します。

他のjQueryメソッドをEQ（）メソッドでチェーンできますか？

はい、EQ（）メソッドで他のjQueryメソッドをチェーンできます。これはjQueryの強力な機能の1つであり、選択した要素で単一のコードの行で複数のアクションを実行できます。 ？

すべての均一または奇数のインデックス要素を選択するには、ループ内でeq（）メソッドを使用できます。インデックスされた要素の場合、インデックス0からループを開始し、インクリメントを2倍に開始できます。奇妙なインデックス付き要素の場合、インデックス1からループを開始し、インクリメントを2回開始できます。敏感ですか？

いいえ、eq（）メソッドは症例に敏感ではありません。タグや属性の場合に関係なく、インデックス番号に基づいて要素を選択するだけです。他のjQueryセレクターを使用したEQ（）メソッド。これにより、選択を絞り込み、特定の条件を満たす特定の要素に変更を適用できます。別々の要素として。これは、各ネストされた要素に独自のインデックス番号があることを意味します。これは、eq（）メソッドでそれを選択するために使用できます。はい、はい、eq（）メソッドを使用して、DOMに動的に追加された要素を選択できます。ただし、新しい要素が追加された後にEQ（）メソッドが呼び出されることを確認する必要があります。そうしないと、それらを見つけることができません。

以上がjQuery速度テスト：$（this）vs .get（）vs .eq（）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。