Как jQuery влияет на структуру CSS

Question

Просто вернитесь в сверхмощный мир js и CSS через пару лет работы только во Flash и быстро наберете скорость на jQuery. Я разрабатываю несколько макетов на основе CSS / DIV и буду зависеть от jQuery и AJAX для взаимодействия.

Что касается соглашений и структуры CSS-кодирования, как я могу спроектировать SS, чтобы наилучшим образом использовать преимущества jQuery?

Какие концепции CSS мне следует освоить, если я хочу, чтобы моя работа по дизайну jQuery соответствовала работе CSS?

ТНХ --steve ...

Answer 1

Вот некоторые правила производительности jQuery , в которых даются советы по настройке идентификаторов и классов.

Answer 2

Основное правило для использования 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 позволит вам по-настоящему легко и просто выполнять полезные функции в вашем пользовательском интерфейсе.

Приветствия, мл.

Answer 3

Возможно, вы захотите взглянуть на jQuery UI CSS Framework. Это умный и удобный для JQuery способ стилизации вашего интерфейса. Довольно аккуратные вещи ...