頻繁に表示/非表示になっているメニューなど、コードで頻繁に参照されているhtml要素に関して、要素に複数回再アクセスするための最も軽量なjqueryソリューションは何ですか?
私の現在のアプローチは、結果を変数に保存することです(もちろんグローバルではありません)。
例:
$myElement = $('#my-element');
次に、変数のスコープ内で実行されるすべてのコードで$myElement
はなく使用します。$('#my-element')
私が使用している別のアプローチは、 $.data() メソッドです。これは、ある要素に基づいて別の要素にアクセスする必要がある場合に使用します。
例:
$myElement.data('friend', $('my-element-friend'));
次に、$myElement.data('friend')
代わりに 使用します$('my-element-friend')
考慮すべき他のオプションはありますか?$('#my-element')
要素にアクセスするたびに繰り返すのが最善の場合はありますか? (参照がアプリケーションのランタイム全体で一度だけ使用される場合を除く)