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