非常初级的jQuery

Question

我是一个全新的jQuery新手，我精通HTML，CSS和JavaScript。我已经设置了一个小的测试表，我只是需要帮助才能开始工作。我试图将“form-control”类添加到页面上的所有输入中，但我似乎找不到答案。

​

$(document).ready(function() {
  $('input').addClass('form-control');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
  <div class="row">
    <div class="col-md-3 form-floating">
      <input type="text" placeholder="First Name" id="firstName">
      <label for="firstName">First Name</label>
    </div>

    <div class="col-md-3 form-floating">
      <input type="text" placeholder="Last Name" id="lastName">
      <label for="lastName">Last Name</label>
    </div>

    <div class="col-md-3 form-floating">
      <input type="text" placeholder="Phone" id="phone">
      <label for="phone">Phone</label>
    </div>

    <div class="col-md-3 form-floating">
      <input type="email" id="email" placeholder="Email">
      <label for="email">Email</label>
    </div>

  </div>

</form>

​

Answer 1

将此脚本添加到文档的头部

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

它应该可以工作，如果你有其他错误，请检查chrome devtools。