0

次の読み込み画像があります。

<img id="loading" src="loading.gif" />

AJAX呼び出し中に表示/非表示にするために、いくつかの解決策があります。たとえば、CSSスタイルに対応するクラスを追加することで非表示にできます。

$('#loading').addClass('hidden');

.hidden { display: none; }

または、jQuery.show()とを使用することもできます.hide()。この特定の例では、後者のアプローチはそれほど冗長ではありません。

「オンザフライ」でCSSを追加することでどのようなシナリオがメリットになりますか？$（document）.ready（）でjQueryを使用してすべてのJSをDOMに挿入することを推奨する「控えめなJavaScript」を読んでいます。

同様の方法でCSSとjQueryを明確に分離するベストプラクティスアプローチはありますか？

4

1 に答える 1

3

サーバー側から初期状態を設定する場合は、クラスを使用する方がクリーンです。これにより、必要なクライアント側の初期化が回避されます（コンテンツがフラッシュされる可能性があります）。

また、通常はjqueryでクラスセレクターを使用するため、要素のcssでプロパティが変更されているかどうかを判断するよりも、クラスを操作する方が常に簡単です（少なくとも私にとっては）。

結局、それはあなたがより快適に作業できると感じるものに要約されます。

于 2010-10-12T22:58:57.393 に答える