Skip to content
Related Articles

Related Articles

jQuery | :image Selector
  • Last Updated : 28 Mar, 2019

The :image selector is used to select the input elements with type equal to image.
Syntax :

$(":image")

Parameter :
:enabled selector : It is used for selecting HTML input elements for changing the its properties, e.g background-color, etc .

Example 1:




<!DOCTYPE html>
<html>
<head>
    <title>:image Selector</title>
</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>


Output :
It changes the height of the image :

Example 2:




<!DOCTYPE html>
<html>
<head>
    <title>:image Selector</title>
</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>


Output :




My Personal Notes arrow_drop_up
Recommended Articles
Page :