jQuery | :selector habilitado

El selector :enabled se usa para seleccionar todos los elementos de formulario habilitados.

Sintaxis:

$(":enabled")

Parámetro:

  • :selector habilitado : se utiliza para seleccionar elementos HTML que admitan el atributo deshabilitado. es decir, etiqueta de botón, etiqueta de entrada, etiqueta de grupo de opciones, etiqueta de opción, etiqueta de selección y etiqueta de área de texto.

Ejemplo 1:

<!DOCTYPE html>
<html>
  
<head>
    <title>:enabled Selector</title>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
  </script>
    
    <script>
        $(document).ready(function() {
         $(":enabled").css("background-color",
                              "green");
        });
    </script>
</head>
  
<body>
    <center>
        <form action="#">
            <h1>Welcome to GeeksforGeeks!.</h1>
            <div>
                Text :
                <input type="text"
                       name="text"
                       value="GeeksforGeeks">
                <br/>
                <input type="submit" 
                       name="submit" 
                       value="submit">
            </div>
  
        </form>
    </center>
  
</body>
  
</html>

Producción:

Ejemplo-2:

<!DOCTYPE html>
<html>
  
<head>
    <title>:enabled Selector</title>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
  </script>
    
    <script>
        $(document).ready(function() {
            $(":enabled").css("background-color",
                              "green");
        });
    </script>
</head>
  
<body>
    <center>
        <form action="#">
            <h1>Welcome to GeeksforGeeks!.</h1>
            <div>
                Select :
                <select>
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                </select>
            </div>
  
        </form>
    </center>
  
</body>
  
</html>

Producción

Publicación traducida automáticamente

Artículo escrito por AdeshSingh1 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 *