jQuery :image用法及代码示例

：image选择器用于选择类型等于image的输入元素。句法：

$(":image")

参数：
：启用选择器：它用于选择HTML输入元素以更改其属性，例如background-color等。

范例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>

输出：
它将更改图像的高度：

范例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>

输出：

相关用法

注：本文由纯净天空筛选整理自AdeshSingh1大神的英文原创作品 jQuery | :image Selector。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。