Javascript 你什么时候用“；“类”；对；id"；？

我正在使用Bootstrap来设计我的表格，这是一个基本的待办事项列表。我想在一个单元格中添加一个表单输入，然后选中右边单元格旁边的按钮。我想使用

id=“check button”

。我认为当我运行JavaScript和jQuery时，如果我想添加更多按钮，我需要使用类。我现在正在设置我的HTML和JS

以下是我为HTML提供的内容：

<div class = "container">
  <div class="col-md-8">
    <table class="table table-hover">
      <thead>
        <tr>
          <td>To Do</td>
          <td> Status</td>
       </tr>
    </thead>
    <tbody>
      <tr>
        <td>  
          <div class="input-group">
             <span class="input-group-addon">
             <input type="text" class="form-control" aria-label="..." placeholder="Text input" id="disabledInput">
             </span> 
           </div><!-- /input-group -->
        </td>
        <td id="check-button">
          <input type="checkbox" aria-label="...">
        </td>
      </tr>
    </tbody>
  </table>
</div>

做
地位
注释
id
中提到的应作为唯一标识符使用。为了帮助执行此操作，如果在同一页面上存在重复的
id=
属性，则HTML标记将无效

当决定使用什么时，考虑如何在JS/jQuery中选择元素。jQuery是否将使用该元素，并且在处理时仅使用该元素？如果是这样，那么
id
就可以了，如果元素是组的一部分，并且您希望在该组中的任何项发生问题时重新使用jQuery，那么使用
class=
就更合适了

id
和
class
也可以一起使用。假设您希望在单击某个组时发生某些事情，但又希望确切知道单击了该组中的哪个项目，您可以执行以下操作：

HTML:


在本例中，前三个div是“组”的一部分，通过使用jQuery中的公共
class=“clickable”
，我可以触发这些元素中任何一个的事件，而无需重复代码

.clickable
选择器是一个选择器，这意味着它将为任何具有
class=“clickable”
的元素触发，它不必是
div

#单击的
选择器是一个将选择与
id=“Clicked”

触发
.click
事件后，
this.id
可用于获取我们在三个元素中单击的确切元素，
$（this）
可用于操作单击的元素和
$（'.clickable'））
可用于操作按
类
属性分组的所有元素。
何时使用“类”与“id”？
=
如果我想添加更多按钮，我需要使用类
一个id适合于某种独一无二的东西。一个类适合于具有许多相似结构的东西。可能重复的
ID
用于给元素一个唯一的标识符。Id应始终是唯一的
Class
用于为多个元素提供一个标识符。有些人声称，使用一个非常极端的ID从来都不好，但我支持这种观点，因为我记不起随着网站复杂性和范围的增加，页面上独特的东西被转换成类的次数。the
是为了。。没有它代码就不能工作。解释得很好，杰克=8^)
<div id="1" class="clickable"> Click Here!! </div>
<div id="2" class="clickable"> Click Here!! </div>
<div id="3" class="clickable"> Click Here!! </div>
<div id="Clicked"></div>

$('.clickable').click(function(){
   // Reset the color of all clickable elements
   $('.clickable').css("background-color","white");
   // Display which element we clicked
   $('#Clicked').html('You Clicked Div: ' +this.id);
   // Set the background color of the clicked element
   $(this).css("background-color","lightgreen");
});