Soy nuevo en jQuery, soy experto en HTML, CSS y JavaScript. He configurado un pequeño formulario de prueba y solo necesito ayuda para empezar a trabajar. Estoy tratando de agregar la clase de 'control de formulario' a todas mis entradas en la página y parece que no puedo resolverlo.
$(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>
Agregue este script al encabezado del documento
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
y debería funcionar, y verifique las herramientas de desarrollo de Chrome si tiene otros errores.