在css文件/ JQuery最佳实践中拥有所有类名的任何理由

Question

我是JQuery的新手，我正在编写一堆选择器，可以在会话列表中打开和关闭会议会话。例如，我有三种类型的会话，并且我将类名与这三种类型相关联。生成的html看起来有点像：

<ul>
  <li class="technicalClass sessionTitle">my tech class1</li>
  <li class="technicalClass sessionTitle">my tech class2</li>
  <li class="businessClass sessionTitle"> my bus class1</li>
</ul>

有什么理由我需要将techClass和businessClass放在真正的CSS文件中吗？我不打算做任何事情，只是选择它。

由于

Answer 1

如果我理解你的问题是正确的，那么你就会问你为javascript-jQuery操作添加到DOM的类。

不，您不需要将它们添加到CSS文件中，这样做没有任何好处。

R＃由于某种原因标记了你添加到DOM中的类，如果它们没有CSS文件中的定义，它可能会有帮助而且很烦人，如果困扰你就可以关闭它。

Answer 2

我在我的应用程序中一直使用CSS类来表示JQuery标记，而不在CSS文件中定义它们。完全没问题;这是使用JQuery实现某些任务的一种非常常见的方式。 HTML和CSS非常灵活;它们不像JavaScript，如果未定义成员，则会引发错误。

Answer 3

你真的不需要所有课程。你可以这样做：

<ul id="sessionTitle">
  <li class="technicalClass">my tech class1</li>
  <li class="technicalClass">my tech class2</li>
  <li class="businessClass"> my bus class1</li>
</ul>

甚至更好：

<ul id="sessionTitle">
  <li>my tech class1</li>
  <li>my tech class2</li>
  <li>my bus class1</li>
</ul>

使用

通过jQuery访问它

$('#sessionTitle li')

Answer 4

如果无法单独选择技术类或业务类，则只应在.sessionTitle属性中选择它们。