jQuery | :selector de imágenes

El selector :image se utiliza para seleccionar los elementos de entrada con tipo igual a imagen.
Sintaxis:

$(":image")

Parámetro:
selector habilitado: se utiliza para seleccionar elementos de entrada HTML para cambiar sus propiedades, por ejemplo, color de fondo, etc.

Ejemplo 1:

<!DOCTYPE html>
<html>
<head>
    <title>:image Selector</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
  
<script>
$(document).ready(function(){
  $(":image").css("height", "50px");
});
</script>
  
</head>
<body>
    <center>
      <form action="#">
          <h1>Welcome to GeeksforGeeks!</h1> 
          Image <input type="image" src="logo.png" width="31" height="30"> 
      </form>
  
</body>
</html>

Salida:
Cambia la altura de la imagen:

Ejemplo 2:

<!DOCTYPE html>
<html>
<head>
    <title>:image Selector</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
  
<script>
$(document).ready(function(){
  $(":image").css("width", "150px");
});
</script>
  
</head>
<body>
    <center>
      <div style="background-color: #ffff94;">
          <h1>Welcome to GeeksforGeeks!.</h1> 
          Image<input type="image" src="logo.png" width="31" height="30"> 
      </div>
  
</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 *