jQuery | :botón Selector

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:

Publicación traducida automáticamente

Artículo escrito por jeetesh16 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *