要在DOM完成加载之后执行代码,以便它可以进行访问或修改,您需要将jQuery代码包装在
   
    $(document).ready(function() {});
   
   . 假设您的代码位于DOM元素之前,例如在标记中,或者在某些DOM元素之前的部分的顶部或中部,并且该代码确实在第一次初始化时尝试访问DOM。
  
  
   所以它应该放在
   
    $(document).ready()
   
   块,以便在DOM准备好之前它不会执行
   
    $(文档).ready()
   
   是
   
    $(function() {});
   
   下面是您提供的代码示例。
  
  
  
  
   
    $(function() {
  $('#colorised').attr('class','table-success');
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="table table-light table-bordered text-center">
    <thead class="thead-dark">
    <tr>
        <th scope="col">Ava</th>
        <th scope="col">Full name</th>
        <th scope="col">Registred</th>
    </tr>
    </thead>
    <tbody>
    {{#users}}
        <tr class="table-light" id="colorised">
            <td><img src="{{avaUrl}}" width="42" height="42"/></td>
            <td><a href="users/{{_id}}" style="margin-top: 50px;">{{username}}</a></td>
            <td>{{registeredAt}}</td>
        </tr>
    {{/users}}
    </tbody>
    {{^users}}
    </br>
    <strong style="color: orange">No results for "{{searchedUsername}}"</strong>
    </br>
    </br>
    {{/users}}
</table>