2016-11-10 14 views
0

私の場合、jQueryのトグル機能が低すぎるという問題があります。私は2000行以上をトグルする必要があり、スクリプトには30秒以上が必要です。jQueryのパフォーマンスが低すぎます(トグル)

パフォーマンスを向上させるにはどうすればよいですか?たぶん、jQueryの代わりにJavascriptだけでしょうか?ここで

$('#toggleAspMaterials').click(function() { 
 
    $('#catalog body.asp').toggle(); 
 
    return false; 
 
});
<input id="toggleAspMaterials" value="Show Asp Materials/hide" class="button" type="button">

+0

正直なところ、この場合は、作成したい変更が反映されたページに2番目の表が隠れているだけで、すべての行を切り替えるのではなく、表の表示を切り替えるほうがよいでしょう。 – Gavin

答えて

1

それが操作/秒に基づいている、バニラとjQueryの間の比較ですです。ですから、JavaScriptを使用するだけで、ケースを最適化することができます。

enter image description here

Diagram original source

0

クリック機能の外に一致する要素のリストをキャッシュします。

これは、JQがすべての要素をハントするのに要する時間が1回で済むので、ハンティングのためのクリックごとのオーバーヘッドがなくなるため、より高速になります。

関連する問題