El jQuery :button selector selecciona elementos de botón y elementos de entrada con type=”button” . El elemento botón no se selecciona si usamos input=”botón” como selector .
Sintaxis:
$(":button")
Ejemplo 1:
<!DOCTYPE html> <html> <head> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> <script> $(document).ready(function() { $(":button").css( "background-color", "lightgreen"); }); </script> </head> <body> <center> <form action=""> Name: <input type="text" name="user"> <br> Password: <input type="password" name="password"> <br> <button type="button"> Button </button> <br> <input type="reset" value="Reset"> <input type="submit" value="Submit"> <br> </form> </center> </body> </html>
Producción:
Ejemplo-2:
<!DOCTYPE html> <html> <head> <script src= "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"> </script> </head> <body> <input type="button" value="Test" /> <br> <input id="txtName" type="text" /> <input type="submit" value="Test" /> <br> <button id="button1"> This is a button </button> <br> <script> $(function() { $(":button").css( "border", "10px dashed green"); }); </script> </body> </html>
Producción: