jQueryはCSSの構造にどのように影響するのですか

Question

2年後には、Flashでのみ動作し、jQueryで高速化するために、大量のjsとCSSの世界に再入力してください。私はいくつかのCSS/DIVベースのレイアウトを設計しており、相互作用のためにjQueryとAJAXに依存します。

CSSのコーディング規則と構造に関しては、jQueryを最大限に活用するためにSSをどのように設計できますか？

私のjQueryデザインの仕事がCSSの仕事にぴったり合うようにするには、どのようなCSSの概念をマスターする必要がありますか？

THX --steve ...あなたはjQuery UI CSSフレームワークを見てみたいことがあり

Answer 1

idsとクラスの設定方法に関するヒントを紹介します。jQuery performance rulesです。

Answer 2

。 UIをスタイリングする、賢明でjQueryに優しい方法です。かなり素敵なもの...

Answer 3

CSS w.r.t.を活用する基本ルール。 jQuery：クラスを使用します。より多くのクラスを使用します。しかし、例えばクラスは、「動作」を「役割」を表すない

を確認してください：これは良いです：これは悪い

<ul> 
    <li class='red'><a href='http://microsoft.com/'>MS</a></li> 
    <li><a href='http://google.com/'>goog</a></li> 
    <li class='green-bg'><a href=http://ubuntu.com/'>Ubuntu</a></li> 
</ul> 

などです。

<ul> 
    <li class='bad-link'><a href='http://microsoft.com/'>MS</a></li> 
    <li><a href='http://google.com/'>goog</a></li> 
    <li class='current-link'><a href=http://ubuntu.com/'>Ubuntu</a></li> 
</ul> 

この微妙なCSSの規約により、あなたは本当に簡単にあなたのUIに強力なことをすることができます。

乾杯、jrh。